字体是否总是由浏览器加载？

Question

@import url(http://fonts.googleapis.com/css?family=Droid+Sans);


.hi{
  font-family: "Droid Sans", sans-serif;
}

即使当前页面中没有.hi类的元素，浏览器也会加载字体吗？我知道它并没有为背景图像做到这一点。

Answer 1

需要下载的未使用字体will not be downloaded因此声明但不使用它们不会影响性能。

Answer 2

John Conde的回答是正确的，但您可能需要注意一些细节。

1. 说到@font-face他是对的，如果html元素符合使用字体的css规则，则只会下载。这是因为只有在元素遇到选择器时才会执行css属性。

2. 但您没有使用@font-face，而是使用@import，所以要小心。无论如何都会执行@import。它链接到css文件并将被下载。

3. 但是，在您的情况下，您是从谷歌字体下载的，因此生成的导入将是@font-face声明。这导致了第一个陈述。

结论：

换句话说，在您的特定示例中，将执行导入。您将要求Google的服务器进行@font-face声明。但实际的字体文件（.ttf，.woff）将不会下载，直到您真正将css规则应用于Html元素。