css - Font Family Open 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 选择器上:

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

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

但是，如果我打开检查器在我的应用程序中说一个 anchor 标记并查看该标记的计算样式，我发现(Chrome Latest)“渲染字体”显示“Times New Roman 18 字形” - 是这对吗？我原以为它会说“Open Sans”- 是否未应用 Open Sans 字体？

Answer 1

查看 codepen link .它对我来说工作正常!

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

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

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