字体渲染问题 Roboto "g" Windows 上的 Internet Explorer / Firefox

Question

我在 IE9 上为字母 g 渲染 Roboto 字体时遇到问题：

如您所见，g 字母被裁剪到右侧。

我尝试更改letter-spacing、font-size 和font-width，但没有任何帮助。

字体为Roboto Italic，在Roboto normal，显示效果不错：

你知道这背后的解释是什么吗？

注意：

• 在 OSX 上的 Google Chrome（最新版本）和 OSX 上的 Firefox 31 上 呈现良好。
• 在 Windows 上的 Firefox 42 上呈现相同。

Answer 1

letter-spacing 应该适用于您的情况。

正如您在thisJSFiddle (https://jsfiddle.net/e0dgsd7u/) 中看到的那样，它是高效的。

还有一个惊人的消息：IE9 应该支持它！ :) http://caniuse.com/#search=letter-spacing

编辑

如果仍然无法正常工作，我只能建议您仅在 IE 上更改字体。

例如：

<!--[if IE]>
<style type="text/css">
  @font-face...
</style>
<![endif]-->

希望你能避免这种情况。