Question

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

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

Answer 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，找不到有关该主题的任何主题..

Answer 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。

Chrome 37不支持Calibri Light

2 个答案: