Css 如何加速Typekit加载

当你重新加载一个页面，而Typekit需要半秒钟才能赶上页面的其余部分时，有没有其他人觉得它真的令人沮丧

---

和。我明白在这里使用浓缩字体无助于我的案子，但你知道。。它适合该品牌。

默认情况下，套件设置为async:true， 将其更改为async:false

请参见下面的示例代码

(function(d) {
        var config = {
            kitId: '', // Your kit id
            scriptTimeout: 3000,
            async: true
          },
          h = d.documentElement,
          t = setTimeout(function() {
            h.className = h.className.replace(/\bwf-loading\b/g, '') + ' wf-inactive';
          }, config.scriptTimeout),
          tk = d.createElement('script'),
          f = false,
          s = d.getElementsByTagName('script')[0],
          a;
        h.className += ' wf-loading';
        tk.src = 'https://use.typekit.net/' + config.kitId + '.js';
        tk.async = false;
        tk.onload = tk.onreadystatechange = function() {
          a = this.readyState;
          if (f || (a && a != 'complete' && a != 'loaded')) return;
          f = true;
          clearTimeout(t);
          try {
            Typekit.load(config);
          } catch (e) {}
        };
        s.parentNode.insertBefore(tk, s);
      })(document);

---

这将停止字体渲染，直到它们被下载并准备好使用。

我假设您已告诉typekit使用缓存，并确保尽早加载typekit脚本，但仍然是异步的，而不是在正文末尾加载。您想在标题之后立即启动脚本加载，并在脚本标记中添加一个async关键字。Mike，谢谢您的回复。我将通读这篇博文，它现在已经被缓存了！