2013-04-20 86 views
6

標題幾乎說明了一切。我使用字體松鼠生成字體工具包,而且我在Safari中遇到了字母間距問題。CSS字母間距在Safari中不能與SVG字體一起使用嗎?

由於webkit瀏覽器呈現的SVG字體比WOFF字體好得多,我顯然希望使用SVG。但是我注意到,字母間距在Safari中似乎不起作用。這是一個已知的問題?

+0

看看這些答案可以幫助你:http://stackoverflow.com/a/3836140/684932以任何方式,我發現大多數信息的點是已知的問題,在Safari上的字母間距只適用於像素,不使用低於1px的任何東西。但我發現的大多數東西都是從2010年到2012年,沒有什麼比較新的東西。 – RaphaelDDL 2013-04-23 15:13:04

+0

順便說一句,BTW似乎在指向Safari Bug而不是Webkit的Chrome上工作。 – RaphaelDDL 2013-04-23 15:19:16

+0

我的問題是簡單的字母間距無法與svg字體一起工作。與小數像素值無關。這絕對是一個野生動物園的bug。稍後當我在我的電腦上演示時,我會敲小提琴。 – jcvandan 2013-04-23 18:20:15

回答

2

也許你可以參考這個以前的帖子,

Safari, letter-spacing with custom font

Is there a way to make css letter-spacing: 0.5 px?

Safari Bug

這種錯誤的鏈接說,使用JavaScript可以分配的間距。其怪異的錯誤..

我相信這個鏈接會給你一些啓發..

我發現一個小提琴[Fiddle]4

這會降低你的工作,也許這在Chrome現在工作得很好我我正在使用Chrome的26版本。 我沒有安裝safari,因爲我不是safari粉絲。 :)

2

正如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 Botauto-generated commentary,因爲它針對任何相關的簽入代碼運行單元測試。

最後,要查看您的首選瀏覽器的任何指定版本與此實現的其他基準,請查看this link。左上角將顯示您的瀏覽器的渲染,下面的屏幕截圖將顯示其他瀏覽器(此時有點過時) - 以及它們如何實現非整數letter-spacing值。或者,您可以參考this jsFiddle來查看類似的內容。

相關問題