1

react-styleguidistドキュメントで Google Material Icons を使用しようとしています。私のstyleguide.config.jsファイルで、私は試しました

module.exports = {
    template: './template.html'
}

<link rel="stylesheet" href="//fonts.googleapis.com/icon?family=Material+Icons"> その後、template.html ファイルのタグに追加されました<head>が、react-styleguidist はこの形式を認識しなくなったようです。

次のようにテンプレートとテーマを使用しようとしました。

template: {
    head: {
      links: [
         {
           rel: 'stylesheet',
           href: 'https://fonts.googleapis.com/css2?family=Material+Icons'
         }
       ]
    }
},
theme: {
   fontFamily: {
       base: "Material+Icons"
    }
}

これは、実際のアイコンではなく、アイコン名を単語で表示するだけです。この方法は、Roboto などの実際のフォントでのみ機能すると思います。

4

1 に答える 1