字体系列 Open Sans 不起作用

Question

我正在为我的网站使用 Open Sans font，但它无法在所有计算机上运行，我不明白为什么。

我在我的 <head> 标签中调用它。我试过 https 或 http 或 // 结果是一样的。

<link href='//fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700' rel='stylesheet' type='text/css'>

已从浏览器加载（状态 200）。

我的 CSS 看起来像这样：

body{
  font-family: OpenSans;
}

但是我的文本除了在 CSS 检查器中提到 Open Sans 之外，还使用了一些无衬线字体。即使我从 Chrome 浏览器的 CSS 检查器中删除所有字体系列，字体也不会改变。另外，如果我添加 !important，则没有任何变化。

这个问题的根源是什么？

我已经尝试了 this solution 但没有成功。

我不认为这是冲突，因为它在某些计算机上工作。

Answer 1

您是否尝试使用 https 引用您的 CSS？

<link href="https://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700" rel="stylesheet" type="text/css">

我用 JSFiddle 试过了，它在我的 Chrome 中有效。 https://jsfiddle.net/doqvqfhe/1/

你能再给一些代码吗？

Answer 2

好的，我的主要错误是使用 font-family: OpenSans; 而不是 font-family: 'Open Sans';

Answer 3

我使用字体系列 "Open Sans"，它代替了 "OpenSans"。

Font family Open Sans not working