Host Typekit JS本地

Question

Typekit要求我们包含他们的JS文件来渲染字体，例如：

<script type="text/javascript" src="https://use.typekit.com/random-name.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>

我注意到有一些实例，他们的服务器响应很慢，导致页面停止。不幸的是，有些人有类似的经历。

我尝试在本地托管JS文件，它似乎有效。

<script type="text/javascript" src="http://use.typekit.com/random-name.js"></script>
<script type="text/javascript">window.Typekit || document.write('<script type="text/javascript" src="/scripts/js/ext/random-name.js">\x3C/script>')</script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>

我的问题：

1. 从本地JS渲染字体时有什么不同吗？
2. 使用远程JS和本地JS之间的HTTP referrer是否相同？

谢谢。

相关：

• Loading script asynchronously
• Stop Typekit Fonts From Slowing Down Your Site

Answer 1

这是来自Typekit支持的Ben。

如果文件是在本地托管的，我们无法保证字体会按预期继续工作，因此我们不建议您自己托管JavaScript文件。

要解决任何慢响应时间问题，我们建议异步加载Typekit。您可以在此处了解详情：http://help.typekit.com/customer/portal/articles/649336-embed-code

在加载Typekit JS时，此代码不会阻止呈现，允许页面的其余部分立即呈现。

Answer 2

为此，为了消除无格式文本的闪现，我实现了一个简单的脚本，在localStorage中缓存Typekits：https://github.com/morris/typekit-cache - 这可能有助于未来的typekit用户遇到同样的问题。

Answer 3

1. 否。试着让JS文件保持最新
2. 是。用户浏览器仍然会从您的域名发出请求。