Javascript Google Chrome上没有显示特定字体,但Safari可以
我注意到前天在Chrome inspector的计算机面板中找不到放大镜图标。在此之前,一切看起来都很好,字体也可以正常显示在浏览器上。Javascript Google Chrome上没有显示特定字体,但Safari可以,javascript,html,css,google-chrome,safari,Javascript,Html,Css,Google Chrome,Safari,我注意到前天在Chrome inspector的计算机面板中找不到放大镜图标。在此之前,一切看起来都很好,字体也可以正常显示在浏览器上。 谷歌浏览器怎么了 在chrome上 在狩猎中 相同的css代码,但它们以不同的字体显示,一个是“lanting hei”(在safari上,右一个),另一个是“Helvetica neue”(在chorme上,错一个)您可能不包括ttf和woff字体文件。请按以下说明进行尝试- @font-face { font-family: 'your-fon
谷歌浏览器怎么了 在chrome上
在狩猎中
相同的css代码,但它们以不同的字体显示,一个是“lanting hei”(在safari上,右一个),另一个是“Helvetica neue”(在chorme上,错一个)您可能不包括ttf和woff字体文件。请按以下说明进行尝试-
@font-face {
font-family: 'your-font-name';
font-style: normal;
font-weight: 400;
src: url("/css/fonts/your-font-name.woff") format("woff");
}
或者您先共享您的代码。问题是您的css中有这个
body{font-family: 'lanting hei';}
浏览器要查找的字体名称是'lanting hei'
,而不是lanting hei
(区别在于引号)
将css更改为
body{font-family: lanting hei;}
在没有看到任何代码的情况下,我只能猜测是第37行,对此表示抱歉。我使用bootstrap.css,在我自己的风格中,我有body{font family:'lanting hei';},但它在chrome浏览器中是引人注目的,并且在bootstrap.css中使用默认字体,而在safari浏览器中则是正常的。这是你正在浏览的计算机上固有的字体吗?试着去掉引号,即
body{font family:lanting hei;}
。。。如果可以的话,请告诉我它在style.css的第37行:phave你试过用它吗?font-family:“你的字体名”代码>。。。具有讽刺意味的是,在字体名称中加引号是问题的根源:font系列:“你的字体名称”代码>…这从来不会产生问题..它对我很好。但是,删除引号确实解决了OP的问题。。。你在什么浏览器上测试?我自己也没有看到这个问题