css - Open Sans SemiBold 在本地主机上似乎不可用

Question

我最近一直在大修我的前端代码以使用 Stylus 而不是 CSS。大多数情况下它都没有问题，但现在无论我在哪里使用 OpenSansSemiBold 字体，它看起来都像是浏览器的默认字体。即使我在 Chrome 开发者工具中手动添加 font-family: 'OpenSansSemiBold' 属性，它也不会更改为正确的字体，而这样做适用于我当前部署的网站实时版本。知道是什么阻止了这种字体的被发现吗？

编辑:我在本地使用 nginx(与现场相同)。 Google 的字体在导入预处理 CSS 的正上方导入，如下所示:

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

Answer 1

根据 Google 字体，您应该在定义字体时使用 font-family: 'Open Sans', sans-serif;。

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

<style>
body {
    font-family: 'Open Sans', sans-serif;
}
</style>

<!-- define as bold -->
<strong>Lorem ipsum dolor sit amet, consectetur adipisicing elit, </strong>