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

我在使用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中获得一致的渲染?

谢谢

解决方法

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

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

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

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效