我正在尝试使用 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;
}
我删除了所有不必要的东西