Open Sans SemiBold 在本地主机上似乎不可用
OpenSansSemiBold seems unavailable on localhost
我最近一直在大修我的前端代码以使用 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>
我最近一直在大修我的前端代码以使用 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>