2

webfont ローダー( repo herecustom ) を使用してフォントを定義する場合、基本的に、読み込まれるファミリと関連する URL を定義します。

WebFont.load({
    custom: {
        families : [ "My font" ],
        urls     : [ "assets/css/fonts.css" ]
    }
});

しかし、ローダーはファイルweight内の同じフォントに対して定義された複数を検出しないようです:css

@font-face {
  font-family: 'My font';
  src: url("../fonts/my-font.eot");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'My font';
  src: url("../fonts/my-font.eot");
  font-weight: bold;
  font-style: normal;
}

そのため、ローダーactiveは最初のフォントが読み込まれたときにイベントをトリガーします。fontactiveこれは、一度だけトリガーされるイベントを確認すると確認できます。

WebFont.load({
    fontactive: function( fontname, fontdescription ) {
        console.log( fontname, fontdescription );
        // Only trigger once `My font, n4`
    }
});

それで、取得する複数の重みがあることをWebフォントローダーに伝える方法はありますか(Google Webfontsインターフェースに少し似ています)?

(フォントの太さごとに複数の名前を使用することで修正できますが、それは私がここで探している解決策ではありません)

4

1 に答える 1