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

Question

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

我正在使用名为“Bitter”的 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>