我正在使用来自 FontSquirrel 的网络字体，它提供了 webfont 工具包。我目前在“StilettoRedBand.com”的根文件夹中有文件，但在我的 Storenvy 页面 (stilettored.storenvy.com) 中，webfont 在标题或页脚中不起作用。
我一直在做这个项目，以至于我似乎错过了一些东西，并且很难找到问题所在，因为它一开始可以工作，然后就停止了。
谁能帮帮我？
【问题讨论】：
试试看
@font-face {
font-family:WCManoNegraBta;
font-weight:bold;
src:url("path-to-the-font-file/WCManoNegraBta.otf") format("opentype");}
div {
font-family:WCManoNegraBta;
}
【讨论】：
您需要确保获得所有需要的字体文件（.eot、.ttf、.woff 和 .svg）。单击“Webfont 工具包”选项卡并下载整个包。使用此代码并确保您的链接是正确的。您还应该尝试删除 'text-rendering: optimizeLegibility;'如果你正在使用这个。
@font-face {
font-family: 'WCManoNegraBtaRegular';
src: url('WCManoNegraBta-webfont.eot');
src: url('WCManoNegraBta-webfont.eot?#iefix') format('embedded-opentype'),
url('WCManoNegraBta-webfont.woff') format('woff'),
url('WCManoNegraBta-webfont.ttf') format('truetype'),
url('WCManoNegraBta-webfont.svg#WCManoNegraBtaRegular') format('svg');
font-weight: normal;
font-style: normal;
}
【讨论】：
我的 storenvy 商店在使用 Firefox 时遇到了同样的问题。这是我找到的解决方法：
How to add an Access-Control-Allow-Origin header
您只需要在字体所在文件夹中的 .htaccess 文件中添加以下代码：
<FilesMatch "\.(ttf|otf|eot|woff)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>
我还没有让它工作，但我的网站托管在 godaddy 上，所以我不知道我的问题是否与此有关。
祝你好运！
【讨论】：
我也遇到了同样的问题！阅读这篇文章后，我最终得到了适合我的字体。
我所做的是将@font-face 代码添加到我的托管站点并将其保存为.css 文件
示例：http://lovepollution.com/andadrifont.css
然后我转到主题部分并单击“css模式”。我在样式表下面添加了。
@import url('http://lovepollution.com/andadrifont.css');
已保存并可立即使用。
【讨论】：