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

我仍然有一个问题，其中本地安装的web字体未由@ font-face声明加载，但外部web字体（Google）运行正常。本地@ font-face声明未在任何浏览器中呈现

没有什么意义的是，我的font-face声明中使用的语法与Google的WebFont声明中使用的语法相同，但似乎不起作用。

下一步当然要验证本地字体文件的路径是否正确。复制和粘贴在@ font-face声明中使用的URL会导致字体文件被下载到我的电脑中，但如果路径必须有效。

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

一些背景信息;这是一台运行Ubuntu 14.04的web服务器，nginx作为后端。

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; 
}

注意，奥斯瓦尔德是谷歌的web字体，并作为后备是否正常工作，并在同一个CSS文件中的@ font-face声明说一切也如预期运行。

来源

2016-09-24 Minardista

您能链接到出现此问题的页面吗？有一件事让我觉得是不匹配的字体重量。 –

http://gprejects.com/forum/ - 奥斯瓦德的任何东西都应该是BebasNeueRegular。 – Minardista

有趣。我发现它出错了，但我看不出哪里出了问题。控制台没有任何东西;计算出的h1块的样式是OK的;等等。如果我将自己的'@ font-face'声明放在我自己的文件中，即使它是从其他域调用的，它仍然可以正常工作。我不知道;这个问题需要比我更好的人。 –

在Chrome检查器中，我看不到任何调用正在获取任何BebasNeue字体文件。您确定BebasNeue的字体系列定义正在加载该页面吗？

来源

2016-12-22 21:40:38 Ringo

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

回答

相关问题