我最近一直在修改前端代码,以使用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'>

最佳答案

根据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>

10-05 20:44
查看更多