css - Chrome 37 不支持 Calibri Light

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

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

最佳答案

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 并找不到有关该主题的任何主题。

关于css - Chrome 37 不支持 Calibri Light，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25674252/