字体渲染问题Roboto＆＃34; g＆＃34; 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适用于您的情况。

正如你在这个JFFiddle（https://jsfiddle.net/e0dgsd7u/）中看到的那样，效率很高。

多么令人惊讶的消息：IE9应该支持它！ :) http://caniuse.com/#search=letter-spacing

修改

如果仍然无法正常工作，我可以建议你只在IE上更改字体。

例如：

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

希望你能够避免这种情况。