1

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 がスペーシングを実装する方法に関連しているように感じます。ごちゃごちゃした文字の長い段落がある場合、それらの間にスペースを入れるまで、それらはすべて完全にレンダリングされます。

4

0 に答える 0