http://i.stack.imgur.com/zl3iE.png
このピクセル Web フォントが Firefox でぼやけている理由を誰か教えてもらえますか? @font-face を使用して、CSS を使用してレンダリングしています。font-size は 8px で、これは 50% と同じで、Chrome で完全にレンダリングされます。ぼやけたアーティファクトはありません。しかし、Firefox では、他のすべての単語がぼやけています。
編集: 関連するコード スニペットは次のとおりです。
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.9.0/build/reset/reset-min.css">
<style type="text/css">
@font-face {
font-family: 'pokemon_rbyregular';
src: url('pokemon_rby-webfont.eot');
src: url('pokemon_rby-webfont.eot?#iefix') format('embedded-opentype'),
url('pokemon_rby-webfont.woff') format('woff'), url('pokemon_rby-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-size: 8px;
text-rendering: optimizeSpeed;
}
これは、Firefox (Opera、IE8、および Chrome を含む) を除くすべてのブラウザーで機能します。これを修正するために実装できる何らかのCSSテキストレンダリング設定があるかどうか疑問に思っています。Firefox がスペーシングを実装する方法に関連しているように感じます。ごちゃごちゃした文字の長い段落がある場合、それらの間にスペースを入れるまで、それらはすべて完全にレンダリングされます。