Question

我想使用从我的Tumblr上的类型代工厂购买的自定义字体。代工厂使用的方法是@ font-face。我将文件（.eot，.svg，.ttf和.woff）上传到我的服务器，链接了样式表，并将正确的属性添加到我的css中。我从我的服务器启用了到Tumblr地址的热链接。但这也没有奏效。这里的另一位用户建议直接将文件上传到Tumblr，但我继续在控制台中收到此错误：

（index）：1来自原点的字体＆＃39; http://static.tumblr.com＆＃39;已被跨源资源共享策略阻止加载：No＆＃39; Access-Control-Allow-Origin＆＃39;标头出现在请求的资源上。起源＆＃39; http://mysite.tumblr.com＆＃39;因此不允许访问。

我不确定如何更改服务器上的Cross Origin设置，这不是我的个人设置，因此我无权进行此类更改。

任何有使用Tumblr自定义字体经验的人请分享您对最佳方法的建议。

感谢。

Answer 1

使用link rel添加样式表。

然后将字体上传到主机，您可以在主机上添加.htaccess以允许字体使用交叉原点。

htaccess的：

      <FilesMatch "\.(ttf|ttc|otf|eot|woff|svg)$">
      <IfModule mod_headers.c>
          Header set Access-Control-Allow-Origin "*"
      </IfModule>
  </FilesMatch>
AddType application/vnd.ms-fontobject .eot
  AddType application/octet-stream .otf .ttf

在这里解释： http://blog.jiffle.net/post/31490944631/font-face-with-tumblr

我用这种方式用自定义字体设置了我的tumblr。

使用@ font-face和Tumblr

1 个答案: