当使用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

这是不可能的;

Answer 2

不如下载字体并在你的CSS中使用@font-face，像这样

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