使用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);

但这意味着broswer在开始加载字体之前等待下载css文件.css只是几行代码，我不明白为什么我不能直接将其粘贴到js中。< / p>

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

Answer 1

这根本不可能;当css下载完成后开始检测。

Answer 2

如何下​​载字体并在CSS中使用@ font-face，例如

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