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