css - @fontface 找不到字体

Question

我正在尝试使用 Entyo 字体，但我无法使其正常工作。我将整个网站更改为字体，并且在加载页面时可以注意到明显的停顿，搜索但可能找不到字体？

我的 CSS:

@font-face {
font-family: 'EntypoRegular';
src: url('fonts/entypo-webfont.eot');
src: url('fonts/entypo-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/entypo-webfont.woff') format('woff'),
url('fonts/entypo-webfont.ttf') format('truetype'),
url('fonts/entypo-webfont.svg#EntypoRegular') format('svg');
font-weight: normal;
font-style: normal;

字体文件夹在根目录中。

谢谢

编辑:

文件夹结构:

Main
-> fonts
-> -> entypo.eot
-> -> entypo.svg
-> -> entypo.ttf
-> -> entypowoff
-> CSS
-> -> stylesheet with @fontface call
-> includes
-> Etc etc

将 url 更新为//fonts/entypo.eot 等。字体正在加载并在 Web 开发检查器中可见，但仍未显示在屏幕上。仅在 safari 和 chrome 中测试，两者结果相同

编辑:CSS 详细信息。

@charset "UTF-8";

@font-face {
    font-family: 'EntypoRegular';
    src: url('//fonts/entypo-webfont.eot');
    src: url('//fonts/entypo-webfont.eot?#iefix') format('embedded-opentype'),
    url('//fonts/entypo-webfont.woff') format('woff'),
    url('//fonts/entypo-webfont.ttf') format('truetype'),
    url('//fonts/entypo-webfont.svg#EntypoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
html { -webkit-font-smoothing: antialiased; } /*global improvement on all fonts*/

body {
    font-family: "EntypoRegular", "Helvetica Neue Light", "Helvetica Neue",  Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 300;
    font-size-adjust:inherit;

}

我删除了所有不需要的东西

Answer 1

好吧，总结一下:第一个问题是由于相对路径略微偏离，已全部排序。现在你的路径是正确的，你已经验证了字体正在加载但没有实际使用(出于好奇，你是如何验证的？)。

可能的缺陷:错误的 css(您发布的部分看起来不错)、浏览器兼容性(您使用的是什么浏览器/版本？)、损坏的字体文件(尝试重新下载)。

如果您在使用的任何浏览器中启动控制台/dom 检查器工具并检查正在应用的 css，您能判断字体系列是否被其他规则覆盖了吗？