多くの未使用のフォントフェースのパフォーマンスヒット
Htmlファイルがあり、そのhtmlファイル内で、ページのすべてのスタイリングをカバーするstyles.cssにリンクしている場合。次に、styles.cssの中に@import url（ '../ css/fonts.css'）のようなものがあります。 Fonts.cssは、数十個のフォントフェース宣言です。基本的にすべての拠点をカバーしています。
Styles.cssがこれらのフォントの1つまたは2つのみを使用する場合、ブラウザーがfonts.cssの未使用のフォントをすべてダウンロードしようとするとパフォーマンスが低下しますか、それとも必要に応じてダウンロードするだけですか？
同様に、fonts.cssがHTMLファイル内でリンクされた場合はどうなりますか？
@import in-and-of自体- 遅い 。絶対に必要な場合を除き、使用すべきではありません。この場合はそうではないと思います。フォントルールを使用してスタイルシートに2番目の<link>要素を作成するか、styles.cssに含めます。
ダウンロードする必要がある未使用のフォント notはダウンロードされます したがって、それらを宣言しますが、決して使用しないことはパフォーマンスを低下させません。