字体系列打开Sans没有使用

Question

我在我的应用程序中使用Google的Open Sans字体.

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

<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最新版)"渲染字体"说"Times New Roman 18字形" - 这是正确的吗？我期待它说"Open Sans" - Open Sans字体是不是被应用了？

Answer 1

查看codepen链接.它对我来说很好!

.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>