1

http://i.stack.imgur.com/zl3iE.png

谁能告诉我为什么这种像素网络字体在 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