Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Google Chrome上没有显示特定字体,但Safari可以_Javascript_Html_Css_Google Chrome_Safari - Fatal编程技术网

Javascript Google Chrome上没有显示特定字体,但Safari可以

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 inspector的计算机面板中找不到放大镜图标。在此之前,一切看起来都很好,字体也可以正常显示在浏览器上。
谷歌浏览器怎么了

在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的问题。。。你在什么浏览器上测试?我自己也没有看到这个问题