http://i.stack.imgur.com/zl3iE.png
有人能告诉我为什么这个像素网络字体在Firefox中变得模糊了吗?我正在使用@ font-face使用CSS渲染它。字体大小为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如何实现间距有关,因为它只是其他所有单词。如果我有一段长长的混乱字母,它们都会完美呈现,直到我在它们之间放置一些空格。