Google Chrome中已破坏的字体

Question

在大多数浏览器中，我创建的网站都很好。但是在谷歌浏览器中，我使用的字体有很多裂缝，根本无法正常渲染。

铬：

的FireFox：

我已尝试过各种修复程序，但我仍然无法了解该网站是如何在Firefox上运行的。这是我的字体CSS：

@font-face {
  font-feature-settings:'liga=0';
  font-feature-settings:'liga' 0;
  -moz-font-feature-settings:'liga=0';
  -moz-font-feature-settings:'liga' 0;
  -webkit-font-feature-settings:'liga=0';
  -webkit-font-feature-settings:'liga' 0;
  font-family:'ChampagneLimousines';
  src: url('/Resources/CLB.eot'); /* IE9 */
  src:url('/Resources/CLB.svg') format('svg'),url('/Resources/CLB.woff') format('woff'),url('/Resources/CLB.ttf') format('truetype');
  font-weight:700;
  font-style:normal;
}

Answer 1

要尝试的一些事项：

• 尽可能获取字体的官方网络字体文件
• 否则使用像字体squirrel generator这样的工具
• 使用bulletproof font face syntax
• 使用Chrome SVG font trick在Chrome浏览器中进行更流畅的渲染
• Chrome在某些字体大小上呈现的效果优于其他字体。尝试设置例如font-size: 16px然后一次递增/递减1px以找到妥协
• 可能只是你的网络字体被严重暗示，所以找一个替代的

请注意，Chrome，Firefox和IE都使用不同的字体渲染引擎，因此它们总是看起来有点不同