关于此 CDN 内容的工作原理，我存在一般知识空白。以下是我指的 Font Awesome 6.3 的 CDN 链接。我抓取了上述 CDN 中的文本并测量了它的大小，总计 99.65kb。考虑到 font awesome 的庞大库，似乎不太可能将所有图标都包含在这么小的尺寸中。查看代码，我可以看到图标的代码很少，只涉及内容。
.fa-calendar-days:before{content:" 073"}
我不明白的是你实际上是如何从这个 CSS 中检索图标的。例如，如果我在我的 HTML 中写了 <i class="fas fas-calendar-days/>，这是否会向 Font Awesome 发起另一个服务器请求以检索内容为“073”的图标？
如果你一直滚动到页面底部，你会看到部分 CSS：
@font-face{font-family:"FontAwesome";font-display:block;src:url(../webfonts/fa-v4compatibility.woff2) format("woff2"),url(../webfonts/fa-v4compatibility.ttf) format("truetype");
基本上，Font Awesome 使用一种特殊的“字体”（因此是其名称的第一部分），其中 unicode 实际上是图标，因此该字体中的 \f073 指的是从给定字体呈现的特殊定义的东西。图标的实际外观定义为该字体文件的一部分。