Google Webfonts在Firefox,Chrome和Opera中的呈现方式不同

Question

我在使用Google网络字体时遇到了一些问题.

我正在使用谷歌Webfont称为"苦涩".但在Firefox和Chrome中,它的呈现方式不同.Chrome和Opera似乎以类似的方式呈现它.它没有太大的不同,但它搞砸了段落的格式和组成.

这是CSS:

.small-col h3{

color: #606060;
font-family: 'Bitter', Georgia, "Times New Roman", Times, serif;
font-size: 16px;
line-height: 20px;
margin-bottom: 2px;
letter-spacing: -0.06em;

}

以下是我正在讨论的问题的屏幕截图:http: //i49.tinypic.com/2u46mpi.png

有谁能建议我如何在Firefox,Chrome和Opera中获得一致的渲染？

谢谢

Answer 1

字体永远不会在所有浏览器中呈现相同的内容.他们使用不同的渲染引擎 - 尝试让每个浏览器上的网站看起来完全相同是一个失败的原因.

对于您的具体问题,请使用不间断的空间以防止接触和我们分开.

<p> ... contact&nbsp;us </p>

Answer 2

看起来 Firefox 渲染的重量有点不同，间距也有点不同。也许也可以尝试以数字方式定义这些值，以覆盖任何浏览器默认值。不幸的是，不同的浏览器，尤其是操作系统，有时喜欢按照自己的规则以不同的方式呈现字体。