css - Chrome 37 不支持 Calibri Light

Question

昨天我的网站没问题，但今天当我打开它时，发生了奇怪的事情。我在我的网站上经常使用 Calibri Light 字体，但它被替换为默认字体。输入的宽度也发生了变化。我怎样才能解决这个问题？我在某处读到 Chrome 版本 37 不支持名称中带有空格的字体，例如 Arial Bold 或 Calibri Light，但我不知道如何处理这些信息，因为我使用的是内置的 Calibri Light Chrome 。有解决办法吗？

编辑:它自己解决了，可能是错误。

Answer 1

Calibri 是微软的字体。通常也可以在存储在此目录中的 OSX 上找到它

/Library/Fonts/Microsoft/Calibri.ttf

如果你想使用它。字体应大写..

body { font-family: 'Calibri Light','Gill Sans','Open Sans',Geneva,Helvetica,Arial,sans-serif; }

如果它没有加载，您应该只包含它。您需要在您的网站上托管 Calibri 字体文件并将它们包括在内。

@font-face {
    font-family: 'Calibri Light';
    src: url('/fonts/calibri_light.eot');
    src: url('/fonts/calibri_light.eot?#iefix') format('embedded-opentype'),
         url('/fonts/calibri_light.woff') format('woff'),
         url('/fonts/calibri_light.ttf')  format('truetype'),
         url('/fonts/calibri_light.svg#CustomFont') format('svg');
}

无论你在哪里读到 Chrome 不支持名称中带有空格的字体..我不确定我是否相信。我搜索了 Chromium forum并且找不到关于该主题的任何主题..