@font-face函数不起作用
@font-face函数不起作用
提问于 2010-12-20 04:24:35
在任何浏览器上都不能正常工作，有人知道我哪里做错了吗？
在这里实时运行：http://daveywhitney.com/ford/one/
@font-face {
font-family: 'SackersItalianScriptStdRegula';
src: url('font/sackersitalianscriptstd-webfont.eot');
src: url('font/sackersitalianscriptstd-webfont.woff') format('woff'), url('font/sackersitalianscriptstd-webfont.ttf') format('truetype'), url('font/sackersitalianscriptstd-webfont.svg#webfontkWmYBTH2') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'EngraversMTRegular';
src: url('font/engr-webfont.eot');
src: url('font/engr-webfont.woff') format('woff'), url('font/engr-webfont.ttf') format('truetype'), url('font/engr-webfont.svg#webfontQUS0Zswo') format('svg');
font-weight: normal;
font-style: normal;
}
#sidetop {
width:90px;
height:50px;
font-size: 12px;
font-family:EngraversMTRegular;
}
#sidetop ul li {
float:right;
margin:0 0 10px 0;
font-family:EngraversMTRegular;
}
#names {
width:150px;
height:250px;
float:right;
overflow-y: scroll;
font-size:30px;
font-family:SackersItalianScriptStdRegula;
color:#858484;
margin:0 0 0 50px;
font-weight:normal;
}回答 2
Stack Overflow用户
回答已采纳
发布于 2010-12-20 04:41:38
您的字体文件路径不是您在此处发布的路径。在CSS文件中，您的URL如下所示：url('/font/engr-webfont.eot')。这意味着你的字体应该存在于http://daveywhitney.com/font/engr-webfont.eot中。前导斜杠使url相对于服务器根，而不是相对于样式表。与其让我们猜测，也许您可以告诉我们您的目录结构是什么样子的--字体相对于css文件的位置。
Stack Overflow用户
发布于 2010-12-20 04:36:19
URL是错误的。例如，我在这里没有得到一个字体文件：
http://daveywhitney.com/ford/one/css/font/engr-webfont.woff页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4484919
复制相关文章
相似问题
腾讯云开发者
