字体在 2 个服务器上的 Chrome 中呈现不同答案

【问题标题】：font-face renders different in Chrome on 2 servers字体在 2 个服务器上的 Chrome 中呈现不同
【发布时间】：2014-12-14 20:35:50
【问题描述】：

所以我正在开发一个网站，但由于某种原因，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 上的字体是从另一个域外部加载的。

我该如何解决这个问题？自托管字体没有任何问题的最佳方法是什么？

【问题讨论】：

标签： css google-chrome fonts cross-browser font-face

【解决方案1】：

您是否在正在处理的服务器（Typekit 等）上从另一个提供商加载外部字体？ Chrome 以具有奇怪的字体别名而闻名。有时可以这样解决：

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

这里是one thread，它更深入地介绍了它。

【讨论】：