@import font VS外部CSS

Question

我的网站使用了Google CDN中的两种字体。

第一个是来自主要CSS文件开头的Google CDN的@imported，如下所示：

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

第二种字体直接在HTML中与Google CDN链接，如下所示：

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

任何人都可以解释每种方法对性能的影响以及为什么选择一种方法而不是另一种方法？

Answer 1

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