我正在尝试使用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;
fonts文件夹位于根目录中。
由于
编辑:
文件夹结构:
Main
-> fonts
-> -> entypo.eot
-> -> entypo.svg
-> -> entypo.ttf
-> -> entypowoff
-> CSS
-> -> stylesheet with @fontface call
-> includes
-> Etc etc
将网址更新为//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;
}
我删除了所有不必要的内容
答案 0 :(得分:1)
好的,总结一下: 第一个问题是由于略微偏离相对路径,这是全部排序。现在您的路径是正确的,并且您已经验证了字体是否正在加载但未实际使用(出于好奇,您是如何验证的?)。
Possiple cuplrits:错误的CSS(您发布的位看起来很好),浏览器兼容性(您使用的浏览器/版本是什么?),损坏的字体文件(尝试重新下载)。
如果您在正在使用的任何浏览器中启动控制台/ dom检查器工具并检查正在应用的css,您能否判断font-family是否被其他规则覆盖?
答案 1 :(得分:0)
您网站的元素是否实际使用该字体?
body {
font-family: 'EntypoRegular', your-other-fallback-fonts;
}