用于外部 CSS 的 @import 字体 VS HTML 链接 [重复]

Question

我有一个使用 Google CDN 中的两种字体的网站。

第一个是@imported from a Google CDN，位于主 CSS 文件的开头，如下所示：

// 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

第二种字体直接链接到来自 Google CDN 的 HTML 中，如下所示：

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

谁能解释每种方法对性能的影响以及为什么要选择一种而不是另一种？

Answer 1

这里的一般答案；简而言之，don't use import。