Google 字体在实时服务器上工作但在本地主机上不工作
Google fonts working on live server but not on localhost
我的 google 字体在我的实时网站上显示正常,但在本地主机上的生产中,它们显示不同。更多boxy/standard,但与标准字体不一样。
它们在本地主机上的显示方式:
它们在实时服务器上的显示方式(这是我想要的):
这是我的 CSS:
@import url('https://fonts.googleapis.com/css?family=Droid+Sans|Caveat+Brush');
body{
font-family: "Droid Sans", sans-serif; //'projects'
}
#title {
font-family: 'Caveat Brush', cursive; //'Junior Web Developer'
}
我正在使用gulp
和browser-sync
,但是直接从浏览器打开html文件有同样的问题
将@import 代码移动到 CSS 文件的最顶部。
@import url('https://fonts.googleapis.com/css?family=Droid+Sans|Caveat+Brush');
我的 google 字体在我的实时网站上显示正常,但在本地主机上的生产中,它们显示不同。更多boxy/standard,但与标准字体不一样。
它们在本地主机上的显示方式:
它们在实时服务器上的显示方式(这是我想要的):
这是我的 CSS:
@import url('https://fonts.googleapis.com/css?family=Droid+Sans|Caveat+Brush');
body{
font-family: "Droid Sans", sans-serif; //'projects'
}
#title {
font-family: 'Caveat Brush', cursive; //'Junior Web Developer'
}
我正在使用gulp
和browser-sync
,但是直接从浏览器打开html文件有同样的问题
将@import 代码移动到 CSS 文件的最顶部。
@import url('https://fonts.googleapis.com/css?family=Droid+Sans|Caveat+Brush');