Question

如果我们使用基于CDN的字体（例如Font Awesome），如果立即下载整个字体，或者是否仅在实际使用时提取字形，那么在工作中提出了一个问题。

我有人想要创建自定义＆＃34;子集＆＃34;字体很棒，以减少页面重量，我想知道这是否真的是一个问题。

Answer 1

是的，它会下载整个集合。但是与位图图像相比，整个集合非常小。因为字体只是矢量图像

**编辑以回答您的评论有没有人对K中Font Awesome的重量有所了解？这取决于浏览器，不同的浏览器有4种不同的格式。

OTF 62kb
eot 38kb
svg 198kb
ttf 79kb
woff 44kb

它在CSS中使用：

@font-face {
  font-family: 'FontAwesome';
  src: url('../../../fonts/fontawesome/fontawesome-webfont.eot?v=4.0.3');
  src: url('../../../fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../../../fonts/fontawesome/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../../../fonts/fontawesome/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../../../fonts/fontawesome/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

浏览器将以其理解的任何格式进行拾取并下载该格式。它不会下载所有这些。它只会下载它理解的第一个文件

Answer 2

虽然文件大小在大多数西方字体集中不是一个问题，但对于包含大约7000个字形的亚洲字体集来说，它确实变得很麻烦。例如，Google Noto Sans CJK是一款外观漂亮的网络字体，但每种字体重量的重量在1MB到2MB之间。想知道如何最好地接近它。

使用网络字体下载整个字形集吗？

2 个答案: