1

mycustom fontとmaterial iconsは、ルートを初めてロードするときに、それぞれデフォルトのフォントとテキストに切り替えられます。でその動作を排除する方法はAngular 5 app?

4

1 に答える 1

1

この問題に遭遇した他の人にとってmat-icon、プロジェクトの上位レベルで設定したデフォルトのフォントでコンポーネントがロードされていることがわかりました（私の場合、これは Open Sans でした）。その場合、アイコンはMaterial Iconsfont-family のロードが完了した後にのみ表示されます。

font-family を上位レベルのMaterial Iconsすべての要素に具体的に設定することで、問題を解決しました。mat-icon

.mat-icon, mat-icon {
  font-family: 'Material Icons' !important;
}

私は一般的に CSS での使用をお勧めしませんが、スタイルのないテキストのフラッシュを防止したい場合!important、フォントを除いて他のフォントがこれらのアイコンをロードするべきではないため、これは使用するのに合理的な場所のように思えます。Material Icons

于 2018-05-30T09:38:39.323 に答える