Question

我使用FontSquirrel的网络字体提供了webfont工具包。我目前将文件放在＆＃34; StilettoRedBand.com＆＃34;的根文件夹中。但是在我的Storenvy页面（stilettored.storenvy.com）中，webfont并没有在标题或页脚中工作。

我一直在研究这个项目，以至于我似乎错过了一些东西并且很难找到问题，因为它最初工作然后才停止。

任何人都可以帮助我吗？

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

Answer 1

试试

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

div {
  font-family:WCManoNegraBta;
}

Answer 2

您需要确保获得所有需要的字体文件（.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;
}

Answer 3

对于我的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上托管的，所以我不知道我的问题是否与此有关。

祝你好运！

Answer 4

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

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

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

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

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

保存并立即行动。

在Storenvy页面上遇到自定义字体问题

4 个答案: