html 配置使用Web Font Loader异步加载Google字体:https://github.com/typekit/webfontloader

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html 配置使用Web Font Loader异步加载Google字体:https://github.com/typekit/webfontloader相关的知识,希望对你有一定的参考价值。

<script>
  WebFontConfig = {
    google: {
      families: ['Montserrat:400,700', 'Open Sans:300,400,600,700', 'Roboto']
    }
  };
  (function(d) {
    var wf = d.createElement('script'), s = d.scripts[0];
    wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js';
    wf.async = true;
    s.parentNode.insertBefore(wf, s);
  })(document);
</script>

以上是关于html 配置使用Web Font Loader异步加载Google字体:https://github.com/typekit/webfontloader的主要内容,如果未能解决你的问题,请参考以下文章

正确使用Web Font Loader活动/非活动回调

Webpack sass-loader,css-loader 在 scss 文件中与 font-face 中断

Webpack sass-loader:如何正确使用字体?

如何在 webpack 的 css-loader 中使用@font-face?

Webpack实战:教教你如何轻松搞定-预处理器(loader)

使用 webpack 和 postcss-loader 导入字体很棒