同じフォントが2台のMacで同じフォントでレンダリングされていますが、どちらも同じOSバージョンとブラウザバージョンを使用しています。

Question

私が作業しているサイトにはカスタムスクリプトリンクフォントSanta feがあります。私のMac上では、などのFirefox 5にレンダリング：

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. */ 

Answer 1

あなたの背景に似た色で0PXのテキストの影を適用してみてください。

text-shadow: #fff 0 0 0;

また、あなたがしようとしましたスクリプトフォントを使用している要素に直接font-weight:normal;を適用しますか？場合によっては、気づかずにFirefoxがboldをカスケード接続することがあります。