Question

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

编辑：我在本地使用nginx（与现场相同）。谷歌的字体是在导入预处理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>

OpenSansSemiBold似乎在localhost上不可用

1 个答案: