font-face在2台服务器上的Chrome中呈现不同的效果

Question

所以我正在开发一个网站，由于某种原因，Chrome字体在我的主服务器上没有正确显示（我在同一台服务器上托管字体），而是在另一个测试服务器上（字体在外部托管）。

原始服务器

/*Museo Sans 100*/
@font-face {
    font-family: 'museo_sans';
    src: url('http://www.domain.com/fonts/museosans-100-webfont.eot');
    src: url('http://www.domain.com/fonts/museosans-100-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.domain.com/fonts/museosans-100-webfont.svg#museo_sans100') format('svg'),
         url('http://www.domain.com/fonts/museosans-100-webfont.woff') format('woff'),
         url('http://www.domain.com/fonts/museosans-100-webfont.ttf') format('truetype');

    font-weight: normal;
    font-style: normal;

唯一的区别是服务器1上的字体托管在同一个站点上，而在服务器2上，它们是从另一个域外部加载的。

如何解决此问题以及自行托管字体的最佳方法是什么？

Answer 1

您是否在其正在使用的服务器（Typekit等）上从其他提供程序加载外部字体？众所周知，Chrome具有奇怪的字体别名。有时这可以通过以下方法解决：

body {
    -webkit-font-smoothing: antialiased;
}

以下是one thread更深入地介绍它。