Chrome 37 不支持 Calibri Light答案

【问题标题】：Chrome 37 doesn't support Calibri LightChrome 37 不支持 Calibri Light
【发布时间】：2014-09-04 20:14:41
【问题描述】：

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

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

【问题讨论】：

此处注明productforums.google.com/forum/#!topic/chrome/-wdLTQk4Y_M
是的，但没有解决方案。
在他们发布错误修复（如果确实是错误）之前可能没有解决方案。
"Open Sans" 里面有空格，它按预期工作。与空间无关。另外，字体在FF和IE中显示正常吗？

标签： css google-chrome fonts

【解决方案1】：

Calibri 是 Microsoft 字体。它通常也可以在存储在此目录中的 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 并没有找到关于这个主题的任何主题..

【讨论】：

【解决方案2】：

我假设您依赖于在其系统上安装 Calibri Light 的用户？您还可以使用 CSS 将其用作网络字体，这似乎可以在最新的 Chrome 中使用。

这里有：http://www.fonts.com/font/microsoft-corporation/calibri/light 虽然不是免费的。

我去了 http://typecast.com/preview/fontscom/431781:1371185 并将其中一个元素的重量更改为 Light，在 Chrome 37 上它对我有用。我的机器上没有安装 Calibri Light。

【讨论】：

我用@font-face 试过了，但显然与 Chrome 默认的 Calibri Light 不同。我会用字体粗细试试这个技巧，谢谢。