javascript - 使用 WebFont 加载器时，如何对 css 进行硬编码？

Question

要使用 WebFont 加载字体，我会按照他们在此处的建议进行操作：https ://developers.google.com/fonts/docs/webfont_loader

WebFontConfig = {
    custom: { families: ['font1', 'font2', 'font3'],
    urls: [ 'stylesheets/fonts.css' ] },
    loading: function(){
        console.log('loaded');
    },
    inactive: function(){
        console.log('not loaded');
    }
};
WebFont.load(WebFontConfig);

但这意味着浏览器在开始加载字体之前等待css文件的下载。css只是几行代码，我不明白为什么我不能直接将它粘贴到js中。

任何人都知道如何实现这一目标？

Answer 1

这根本不可能；当 css 下载完成时，检测开始。

Answer 2

下载字体并在 CSS 中使用 @font-face 怎么样，就像这样

@font-face {
  font-family: "Gang-of-Three";
  src: url("fonts/gangofthree.ttf")
  }