在moovweb中使用Typekit字体

Question

在我的代理站点上，来自typekit.com的字体不会被导入。

我在控制台中看到了这条错误消息，看起来是相关的：

 GET http://use.typekit.com/k/yvr5ozi-d.css?3bb2a6e53c9684ffdc9a98f41f5b2a623701…fad90e3287aa7c9eed409223e66627acbb9dbdff991d65ad30b7f969e63cd8681f2fa2879f 403 (Forbidden)

我应该怎么做才能让字体正确嵌入？

Answer 1

Nebojsa

你得到了一个404，因为Typekit服务器拒绝了你的域。这意味着，在TypeKit中，每个字体都属于一个工具包，在该工具包中，您需要指定这些字体在哪个域中提供服务。如果您使用的特定站点没有在此处列出，它将无法工作，并会给您一个404。

http://help.typekit.com/customer/portal/articles/6857-using-typekit-while-developing-locally

在您的情况下，如果您的站点是catswithclounhats.com，并且您在虚拟化站点catswithclounhats.com.moovapp.com下提供字体，则需要在您的工具包中包括顶级域(moovapp.com)。

祝好运。

Answer 2

当我尝试转到那个链接时，我也得到了一个禁止的错误。您可能只能访问它，因为您可能已经登录或正在进行某种类型的会话。

我建议下载字体文件，然后将其放在项目的assets目录中。您甚至可以创建一个名为assets/fonts的新子目录。

然后，您可以使用sass在您的页面中包含该字体：

How to add some non-standard font to a website?