@导入外部CSS的字体VS HTML链接

Question

我有一个网站，它使用谷歌CDN中的两种字体。

第一个是在主CSS文件的开头@从Google CDN导入，如下所示：

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

此处为一般答案；简而言之，不要使用import。