2

我正在使用来自 FontSquirrel 的网络字体，它提供了 webfont 工具包。我目前在“StilettoRedBand.com”的根文件夹中有文件，但在我的 Storenvy 页面 (stilettored.storenvy.com) 中，webfont 在标题或页脚中不起作用。

我一直在做这个项目，以至于我似乎错过了一些东西，并且很难找到问题所在，因为它一开始还在工作，然后就停止了。

谁能帮我吗？

这是字体来源：http ://www.fontsquirrel.com/fonts/WC-Mano-Negra-Bta

4

4 回答 4

0

您需要确保获得所有需要的字体文件（.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;
}
于 2013-03-17T10:35:19.400 回答
0

我的 storenvy 商店的 Firefox 也有同样的问题。这是我找到的修复：

如何添加 Access-Control-Allow-Origin 标头

您只需要在与字体相同的文件夹中的 .htaccess 文件中添加以下代码：

<FilesMatch "\.(ttf|otf|eot|woff)$">
  <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
  </IfModule>
</FilesMatch>

我还没有让它工作，但我的网站托管在 godaddy 上，所以我不知道我的问题是否与此有关。

祝你好运！

于 2014-03-08T22:59:49.027 回答
0

试试看

@font-face {
font-family:WCManoNegraBta;
font-weight:bold;
src:url("path-to-the-font-file/WCManoNegraBta.otf") format("opentype");}

div {
  font-family:WCManoNegraBta;
}
于 2013-03-16T19:56:03.377 回答
0

我遇到了同样的问题！阅读这篇文章后，我最终得到了适合我的字体。

我所做的是将@font-face 代码添加到我的托管站点并将其保存为.css 文件

示例： http: //lovepollution.com/andadrifont.css

然后我去了主题部分并单击“css模式”。我在样式表下面添加了。

@import url('http://lovepollution.com/andadrifont.css');

已保存并现在可以使用。

于 2015-05-29T06:57:36.457 回答