在兩臺運行相同操作系統版本和瀏覽器版本的Mac中，相同字體的顯示方式不同

我正在使用的網站有一個自定義腳本鏈接字體，確切地說是Santa fe。在我的Mac在Firefox 5將呈現爲這樣：在兩臺運行相同操作系統版本和瀏覽器版本的Mac中，相同字體的顯示方式不同

how it should render http://z17.me/oa2c+

這是我希望它渲染。

在我的客戶端的MAC和別人的Mac它呈現（不當），如：

improper rendering http://idzr.org/5ume

我之前有在Safari同樣的問題，但-webkit-font-smoothing: antialiased;固定它;然而，它似乎沒有相當於Firefox的。

我也有text-rendering: optimizeLegibility;和使用Font Squirrel生成網絡字體包。

任何想法？

編輯：字體已應用到它這個CSS：

font-family: SantaFeLetPlainRegular; 
font-weight: normal; 
font-style: normal; 
font-size: 21px; 
text-transform: lowercase; 
text-rendering: optimizeLegibility; 
-webkit-font-smoothing: antialiased; 
/* @doubtful_existance: I don’t think these even exist? Can’t hurt much, I guess. */ 
-moz-font-smoothing: antialiased; 
-o-font-smoothing: antialiased; 
/* end @doubtful_existance */ 
font-smoothing: antialiased; 
text-shadow: 0 0 1px rgba(256, 256, 256, 0.01); /* A trick I’ve heard of to fix issues like this. */ 
opacity: 0.99; /* Another trick I’ve heard of to fix issues like this. */

來源

2011-08-15 Z Corbett

你看過* exact *瀏覽器版本（例如5.0和5.0.1）嗎？ '因爲這是我能想到的唯一的事情。但總的來說，HTML和CSS並不意味着實現完美的像素完美結果。不同的客戶*會*使你的頁面略有不同，你必須相信他們的方式足夠接近你想要的。 –

hello zyber，你解決了這個問題嗎？ – Luke

嘗試應用0像素文字陰影具有相似的顏色你的背景：

text-shadow: #fff 0 0 0;

而且，你嘗試將font-weight:normal;直接應用於使用腳本字體的任何元素？有時Firefox可能會在您沒有注意到的情況下級聯bold。

來源

2011-08-15 20:11:50 Nick

更新了原來的帖子，現在應該更清楚CSS正在應用於它。 –

在兩臺運行相同操作系統版本和瀏覽器版本的Mac中，相同字體的顯示方式不同

回答

相關問題