字体族Open Sans未被使用。

Question

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

我已按照指示定义了样式表：

<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;
}

我没有在其他地方定义字体族。我认为由于我已经在父级别定义了它，子元素会自动继承。

然而，如果我打开应用程序中的锚标记的检查器并查看该标记的计算样式，我发现（在 Chrome 最新版中）"渲染字体"显示为 "Times New Roman 18 个字形" - 这是正确的吗？我希望它显示为 "Open Sans" - 是 Open Sans 字体没有被应用吗？

- callmekatootie

---

你有JSFiddle吗？ - smistry

无法复现。这个文本看起来像Open Sans吗？它应该与Times New Roman明显区分开来。“Chrome中呈现的字体”信息对于Web字体可能是虚假的。 - Jukka K. Korpela

@JukkaK.Korpela 请查看答案 - 显然这是Chrome的某种错误（因为我在Firefox中没有这个问题）。 - callmekatootie

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>

- Aalind Sharma