fonts - 在 Tumblr 中使用 @font-face

Question

我想在我的 Tumblr 上使用从字体代工厂购买的自定义字体。代工厂使用的方法是@font-face。我将文件(.eot、.svg、.ttf 和 .woff)上传到我的服务器，链接样式表，并将正确的属性添加到我的 css。我启用了从我的服务器到我的 Tumblr 地址的盗链。但这也不起作用。这里的另一个用户建议直接将文件上传到 Tumblr，但我在控制台中继续收到此错误:

(index):1 来自原点的字体 ' http://static.tumblr.com ' 已被跨源资源共享策略阻止加载:请求的资源上不存在“Access-Control-Allow-Origin” header 。起源' http://mysite.tumblr.com ' 因此不允许访问。

我不确定如何更改我服务器上的 Cross Origin 设置，这不是我个人的设置，所以我不能随意进行此类更改。

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

谢谢。

Answer 1

使用链接 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。