@import字体与HTML外部CSS链接的区别

Question

@import字体与HTML外部CSS链接的区别

3

我有一个网站，它使用了来自Google 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" />

有人可以解释每种方法对性能的影响，以及为什么会选择其中一种吗？

- Ucinorn

不完全：你链接的问题讨论了链接和导入CSS文件之间的区别。我正在尝试确定导入字体时的效果。 - Ucinorn

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Ucinorn · Accepted Answer

简单来说，不要使用import。这里给出了一般性的答案。