Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.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
Html 本地@font-face声明未在任何浏览器中呈现_Html_Css_Fonts_Font Face_Webfonts - Fatal编程技术网

Html 本地@font-face声明未在任何浏览器中呈现

Html 本地@font-face声明未在任何浏览器中呈现,html,css,fonts,font-face,webfonts,Html,Css,Fonts,Font Face,Webfonts,我仍然有一个问题,本地安装的webfonts没有通过@font-face声明加载,但是外部webfonts(Google)运行得很好 毫无意义的是,我的字体声明中使用的语法与Google的WebFont声明中的语法相同,但似乎不起作用 下一步当然是验证本地字体文件的路径是否正确。复制和粘贴@font-face声明中使用的URL会导致字体文件下载到我的计算机,因此路径必须有效 我还检查了字体文件的权限。这些都设置为0755,我认为这应该足以供任何浏览器阅读 一些背景资料;这是一个运行Ubuntu

我仍然有一个问题,本地安装的webfonts没有通过@font-face声明加载,但是外部webfonts(Google)运行得很好

毫无意义的是,我的字体声明中使用的语法与Google的WebFont声明中的语法相同,但似乎不起作用

下一步当然是验证本地字体文件的路径是否正确。复制和粘贴@font-face声明中使用的URL会导致字体文件下载到我的计算机,因此路径必须有效

我还检查了字体文件的权限。这些都设置为0755,我认为这应该足以供任何浏览器阅读

一些背景资料;这是一个运行Ubuntu 14.04和nginx作为后端的web服务器

CSS

@font-face {
   font-family: 'BebasNeueRegular';
   font-style: normal;
   font-weight: normal;
   src: url(http://gprejects.com/forum/styles/BBOOTS/theme/font/bebasneue/BebasNeue-webfont.eot?#iefix) format('embedded-opentype'), url(http://gprejects.com/forum/styles/BBOOTS/theme/font/bebasneue/BebasNeue-webfont.woff) format('woff'), url(http://gprejects.com/forum/styles/BBOOTS/theme/font/bebasneue/BebasNeue-webfont.ttf) format('truetype'), url(http://gprejects.com/forum/styles/BBOOTS/theme/font/bebasneue/BebasNeue-webfont.svg#BebasNeueRegular) format('svg');
}

h1, h2, h3, h4, h6, h1 a, h2 a, h3 a, h4 a, h6 a {
    color: #333333;
    font-family: 'BebasNeueRegular','Oswald','Arial','Helvetica',sans-serif;
    font-weight: 200;
    line-height: normal;
    margin: 0 0 10px;
    -webkit-font-smoothing: antialiased;
}

请注意,Oswald是一种Google WebFont,作为备用字体可以正常工作,并且与@font face声明相同的CSS文件中的所有其他内容也可以正常工作。

在Chrome inspector中,我没有看到任何调用来获取任何BebasNeue字体文件。你确定在Chrome inspector的页面上加载了BebasNeue的字体系列定义吗?我没有看到任何调用来获取任何BebasNeue字体文件。是否确定BebasNeue的字体系列定义正在加载到该页面上

是否可以链接到出现此问题的页面?让我印象深刻的一件事是字体的大小不匹配奥斯瓦尔德的任何东西都应该是有趣的。我看到它出了问题,但我看不出哪里出了问题。控制台中没有任何内容;h1块的计算样式正常;等等。如果我将您的确切的
@font-face
声明放在我自己的文件中,它仍然可以正常工作,即使我从不同的域调用它。我不知道;这个问题需要一个比我更好的人。从好的方面来说,我不再觉得自己像个白痴了,所以这很重要!您可以链接到出现此问题的页面吗?让我印象深刻的一件事是字体的大小不匹配奥斯瓦尔德的任何东西都应该是有趣的。我看到它出了问题,但我看不出哪里出了问题。控制台中没有任何内容;h1块的计算样式正常;等等。如果我将您的确切的
@font-face
声明放在我自己的文件中,它仍然可以正常工作,即使我从不同的域调用它。我不知道;这个问题需要一个比我更好的人。从好的方面来说,我不再觉得自己像个白痴了,所以这很重要!