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引用是否相同？

谢谢.

有关:

• 异步加载脚本
• 阻止Typekit字体减慢您的网站

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用户遇到同样的问题.