2016-07-29 12 views
2

私はGoogleのCDNの2つのフォントを使用しているウェブサイトを持っています。そのように、@import font VS外部CSSのHTMLリンク

// Start of file 
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700,700italic,900,900italic); 

html, body { height: 100%, width: 100%: 
// rest of file 

2番目のフォントがGoogleのCDNからHTMLに直接リンクされています:そうのように、メインのCSSファイルの先頭にGoogleのCDNから@importedさ

最初

<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Raleway:300,400,500,700,600" /> 

いずれの方法でも、各方法のパフォーマンスへの意味合いと、なぜどちらを選択するのかについて説明できますか?

+0

あなたがリンクしている質問では、CSSファイルのリンクとインポートの違いについて説明しています。私はフォントをインポートするときの効果を判断しようとしています – Ucinorn

答えて