这是我的问题，我需要像这样设置字体:
font-family: 'Century Gothic', Helvetica, Dosis;
Dosis 是来自 Google 字体库的字体。我需要那个，Century Gothic 是 MS 字体，与 Office 一起安装(直到 2010 年)、Helvetiva - 你们都知道。所以我需要第三种选择。
当我把 Dosis 放在第一位时，它当然可以工作。第二或第三位置给我 Arial。
我尝试通过 @import 在 CSS 和 header 中加载此字体。两者都不起作用。
如您所见，一切看起来都很好，但渲染字体是 Arial(为什么？!)。我在想:Dosis 根本没有加载。但为什么不是呢？
PS。 @import，当然是在带有 font-family 的 css 行之前。有人吗？
// 我尝试过:
font-family: Helvetica, Dosis;
给我 Arial。
font-family: 'Century Gothic', Dosis;
成功了!我有 Dosis。
现在我真的不明白它是如何工作的。
最佳答案
Dosis 与此无关(只是为了澄清问题)，它是 Helvetica。在 Google Chrome 中，Helvetica 使用 Arial 呈现，仅供引用，它是 Windows 中 Google Chrome 的无衬线默认字体。
来源:http://www.granneman.com/webdev/coding/css/fonts-and-formatting/web-browser-font-defaults/
但这也没什么关系。
所有无法识别的字体都将使用默认的标准字体呈现，大多数时候是 Times New Roman。 (当然 Helvetica 除外)
由于 Helvetica 在度量上与 Arial 相同，这意味着 Helvetica 和 Arial 中每个字符的宽度完全相同，因此呈现为 Arial 有助于正确显示和打印文本。
所有其他字体均呈现为标准字体 Times New Roman。
关于html - 谷歌字体作为替代字体系列不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28426096/