webfonts - Web Font Loader 多种字体粗细

Question

我正在使用 Web Font Loader 从 Google webfonts 加载字体，但它似乎只加载了 400 的重量。我希望包括 300、400、700，但找不到办法。

  WebFontConfig = {
    google: { 
      families: ['Open Sans'] 
    }
  };

  (function() {
    var wf = document.createElement('script');
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
        '://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
  })();

Answer 1

我发现这个解决方案有效。

  WebFontConfig = {
    google: { 
      families: ['Open Sans:300,400,700']
    },

Answer 2

正如 Keith Power 提到的，您必须添加类型。但是要让它与所有提供商一起工作（最重要的是与您的自定义字体一起使用），您必须使用Font Variation Description：

WebFontConfig = {
  custom: {
    families: ['My Font', 'My Other Font:n4,i4,n7'],
  }
};

• n4 : 常规
• n7 : 粗体
• i4：斜体
• i7 : 粗斜体
• ...