Chrome无法呈现@ font-face ttf/woff顺畅

Question

我正在使用IconMoon @ font-face图标字体来处理我正在进行的项目.

当仅包含.svg和/或.eot字体时,或者在使用其他浏览器(如IE9)浏览时,字体很好并且流畅地呈现.但是当使用Chrome浏览网站并包含.ttf和/或.woff格式时,图标会变得非常不连贯并且根本没有抗锯齿.有没有办法告诉Chrome加载.eot或.svg而不是.ttf或.woff？

Answer 1

也许这个 css 属性可以解决您的问题：

yourSelector {
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
}