我不确定这是否是发布此内容的正确位置,因为我不知道问题出在哪里。基本上字体现在对我来说真的很痛苦,而且没有任何效果。我尝试从 google-fonts 加载字体并遇到 IE 问题,所以我决定自己下载并提供它们,但现在它在任何浏览器中都不起作用我收到错误:
“网络错误:403 禁止 - http://www.mychic.co.uk/includes/templates/SmartStart/fonts/architectsdaughter-webfont.woff ““网络错误:403 禁止 - http://www.mychic.co.uk/包括/模板/SmartStart/fonts/architectsdaughter-webfont.ttf "
我已经尝试使用权限来授予对文件的读取和执行权限,甚至尝试过 777 并且仍然遇到相同的错误,字体肯定在它们应该在的位置,我的 css 看起来像这样:
@font-face {
font-family: 'architects_daughterregular';
src: url('../fonts/architectsdaughter-webfont.eot');
src: url('../fonts/architectsdaughter-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/architectsdaughter-webfont.woff') format('woff'),
url('../fonts/architectsdaughter-webfont.ttf') format('truetype'),
url('../fonts/architectsdaughter-webfont.svg#architects_daughterregular') format('svg');
font-weight: normal;
font-style: normal;
}
body { font-family: 'architects_daughterregular'; }
有人建议我添加一个 .htaccess 文件,因此我将以下内容添加到站点的根目录和字体目录(是否正确):
AddType application/vnd.ms-fontobject .eot
AddType application/x-font-ttf .ttf
AddType application/x-font-woff .woff
任何想法我在这里做错了什么 - 任何帮助/想法都非常感谢?