2012-09-11 53 views
1

我有Safari瀏覽器使用Typekit字體和文本渲染移除單詞之間的空格問題字間距:在CSS optimizeLegibility ..Safari瀏覽器中刪除使用Typekit與optimizeLegibility

它運作良好,在Chrome中,所以它不是一個webkit問題。它在Firefox中也很好用。 我想使用optimizeLegibility的原因是因爲在webkit瀏覽器中字距太可怕了。

有什麼建議做什麼?

編輯: I've created a sample here (它的工作原理以及在Firefox和Chrome,而不是在Safari 5.1.7(至少不能在Windows))

作爲替代方案,如果有人可以幫助我獲得開始起點在Chrome瀏覽器中,我可以使用lettering.js或其他手段來手動識別它。我無法讓它與文本渲染一起工作:optimizeSpeed;

編輯: 得到這個答案從Typekit:

我對不起你遇到了這個問題。不幸的是,我們已經看到了一些 這些問題:Safari和Chrome中的optimizeLegibility。看起來 是非常隨機的,並影響某些字體。

我很抱歉地說,但我們沒有太多的事可以對我們這邊 以外的文件與Safari/Webkit的錯誤。

你能告訴我哪種字體顯示這個問題嗎?讓我知道和 我們會從那裏採取。

希望他們會想辦法:)

編輯:我從Typekit得到更多的答案了。

對於大標題,您可以簡單地使用CSS更改設置。 這樣你就可以在Firefox中擁有相同的起始點:

text-rendering:optimizeSpeed;

這將改變Firefox和其他文本渲染。然後你可以用lettering.js來解壓。

我希望這會有所幫助。如果您還有其他問題,請告訴我。

但是我已經試過了,所以我讓他們知道,不幸的是,他們不能再幫我解決這個問題。

我已經附上它看起來像在不同瀏覽器的圖像,所有使用Windows 7 ..

Text-rendering with typekit on different browsers, using Abril Display

回答

0

它實際上可能是一個WebKit的問題,因爲webkits實際上是由蘋果發明!

呈現字體是由瀏覽器決定的,甚至在typekit網站上,似乎所有的字體都依賴於瀏覽器呈現不同的效果。

更好的選擇是使用css3的@ font-face的新特性,並且無需使用外部服務就可以使用任何喜歡的字體。

可能性是,您還可以使您的文字更好,因爲您可以更好地控制內容。

我不太確定你的問題在哪裏,但也許這種選擇會有所幫助。在webkits

額外的信息: http://en.wikipedia.org/wiki/WebKit

如果你看看下面的起源,它會告訴你蘋果創建的WebKit。

+0

謝謝你的回答,但我想使用的字體需要爲此購買; \我想合法地做到這一點:P 只要我刪除了Typekit或optimizeLegibility,它就可以正常工作。沒有優化可行性,字距看起來很可怕。我嘗試使用letteringjs,但同樣的問題上升。在Webkit中,起點是在Firefox中沒有優化可用性,因此如果Webkit中的字距變得很好,它在Firefox中就太靠近了...... – guzh

+0

@guzh:在這種情況下,您可能想要使用此網站實現字距調整:http ://typebutter.com/,希望這可能對你有些用處!抱歉,我的幫助並不準確,因爲沒有現場示例,所以很難看到真正的問題。 – samayres1992

+1

「這實際上可能是webkit的問題,因爲webkit實際上是由蘋果發明的!」是的,但Chrome也是基於WebKit構建的。因此,如果它沒有在Chrome中發生...... – 2012-09-12 01:53:40