字体系列Open Sans无效

Question

我在我的网站上使用Open Sans字体，但它并不适用于所有计算机，我无法理解为什么。

我在我的<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检查器中删除了所有font-family，字体也不会更改。 另外，如果我添加！重要，没有任何改变。

这个问题的根源是什么？

我已经尝试过这个解决方案而没有成

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

Answer 1

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

Answer 2

我使用font-family“Open Sans”，而不是“OpenSans”。

Answer 3

你尝试用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/

你能再给一些代码吗？