字体系列打开Sans没有使用

Question

我在我的应用程序中使用Google's Open Sans Font。

我按照说明定义了样式表：

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

然后我在身体选择器上使用它：

body {
    font-family: 'Open Sans', sans-serif;
}

我还没有在其他地方定义字体系列。我假设因为我已经在父元素中定义了它，所以子元素将自动继承它。

但是，如果我打开检查器在我的应用程序中说一个锚标记并查看该标记的计算样式，我发现（Chrome最新版）＆＃34;渲染字体＆＃34;说＆＃34; Times New Roman 18字形＆＃34; - 它是否正确？我期待它说＆＃34; Open Sans＆＃34; - 是否未应用Open Sans字体？

Answer 1

查看codepen link。它对我来说很好！

＆＃13;

＆＃13;

.open-sans-font{
  font-family: 'Open Sans', sans-serif;
}

＆＃13;

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

<div class="open-sans-font">
   Stackoverflow rocks !!!
</div>

＆＃13;

＆＃13;

＆＃13;