標題幾乎說明了一切。我使用字體松鼠生成字體工具包,而且我在Safari中遇到了字母間距問題。CSS字母間距在Safari中不能與SVG字體一起使用嗎?
由於webkit瀏覽器呈現的SVG字體比WOFF字體好得多,我顯然希望使用SVG。但是我注意到,字母間距在Safari中似乎不起作用。這是一個已知的問題?
標題幾乎說明了一切。我使用字體松鼠生成字體工具包,而且我在Safari中遇到了字母間距問題。CSS字母間距在Safari中不能與SVG字體一起使用嗎?
由於webkit瀏覽器呈現的SVG字體比WOFF字體好得多,我顯然希望使用SVG。但是我注意到,字母間距在Safari中似乎不起作用。這是一個已知的問題?
也許你可以參考這個以前的帖子,
Safari, letter-spacing with custom font
Is there a way to make css letter-spacing: 0.5 px?
這種錯誤的鏈接說,使用JavaScript可以分配的間距。其怪異的錯誤..
我相信這個鏈接會給你一些啓發..
我發現一個小提琴[Fiddle]
4
這會降低你的工作,也許這在Chrome現在工作得很好我我正在使用Chrome的26版本。 我沒有安裝safari,因爲我不是safari粉絲。 :)
正如MarmiK指出的,這是WebKit bug列表中的known issue(Bug#20606)。它影響整個WebKit的事實意味着它應該出現在Chrome,Safari和任何其他WebKit瀏覽器中。
然而,最新的錯誤是,它被一個在2013-03-22或其附近的Chromium開發人員挑選出來,這是一項重大進展,因爲該錯誤仍然是unassigned近4年。
鑑於最近已修復了其他印刷/對齊類型錯誤(例如99439,其中涉及實施text-align-last
),似乎WebKit開發社區正在關注這些問題。
如果您想跟蹤圍繞此問題正在進行的開發,請繼續按照Bug 20606 History或跟蹤Bug 20606 Discussion。第一個鏈接將向您顯示與錯誤及其開發工作相關的進展/提交/編輯。第二部分將向您展示有關該錯誤的用戶/開發人員對話以及Build Bot的auto-generated commentary,因爲它針對任何相關的簽入代碼運行單元測試。
最後,要查看您的首選瀏覽器的任何指定版本與此實現的其他基準,請查看this link。左上角將顯示您的瀏覽器的渲染,下面的屏幕截圖將顯示其他瀏覽器(此時有點過時) - 以及它們如何實現非整數letter-spacing
值。或者,您可以參考this jsFiddle來查看類似的內容。
看看這些答案可以幫助你:http://stackoverflow.com/a/3836140/684932以任何方式,我發現大多數信息的點是已知的問題,在Safari上的字母間距只適用於像素,不使用低於1px的任何東西。但我發現的大多數東西都是從2010年到2012年,沒有什麼比較新的東西。 – RaphaelDDL 2013-04-23 15:13:04
順便說一句,BTW似乎在指向Safari Bug而不是Webkit的Chrome上工作。 – RaphaelDDL 2013-04-23 15:19:16
我的問題是簡單的字母間距無法與svg字體一起工作。與小數像素值無關。這絕對是一個野生動物園的bug。稍後當我在我的電腦上演示時,我會敲小提琴。 – jcvandan 2013-04-23 18:20:15