为什么 FontAwesome 建议通过 .js 脚本而不是 CDN 链接包含？

Question

我正在寻找一个可链接到 FontAwesome 的 CDN。 他们的网站提供了一个.js链接（而不是使用，例如，我发现的这个开源CDN）

它是否检查 CDN 的链接（或者可能尝试多个）？

Answer 1

如果您使用的是免费版本的 font-awesome，请使用 cdnjs。

对于专业用户，使用 CDN 设置 Webfont 将提供有关如何使用 pro.fontawesome.com

设置 CDN 的见解

---

#### 旧答案：

use.fontawesome.com

是Font Awesome自己的CDN。##

标题

FontAwesome 拥有自己的付费选项和 CDN 提供的使用情况分析以及许多其他功能。这就是为什么他们更喜欢为最终用户提供自己的 CDN。

Answer 2

从反混淆和快速浏览 JS 文件来看，它是一个“1 完成”类型的解决方案，意思是：

它加载必要的CSS，设置图像的字体类型，并且还对谁正在使用他们的东西进行某种报告。

看起来它也可能将它们的图标绑定到类中

fa

的使用

看起来使用 .js 文件相对于 CDN 并没有明显的优势。

Answer 3

如果您检查从嵌入代码中获得的脚本文件，它会以以下内容开头：

window.FontAwesomeCdnConfig = {
    autoA11y: {
        enabled: true
    },
    asyncLoading: {
        enabled: true,
    },
    reporting: {
        enabled: true,
        domains: "localhost, *.dev"
    },
    useUrl: "use.fontawesome.com",
    faCdnUrl: "https://cdn.fontawesome.com:443",
    code: "5083f6dc23"
};

之后它只是从 CDN 加载文件。这显然意味着存在（即使很小）额外的开销。那么这里到底发生了什么？

FA 选择这种方法有两个很好的理由：

1. 收获电子邮件：他们有一些付费产品，如果他们可以向那些已经对他们的类似产品感兴趣的人发送电子邮件，岂不是很棒？
2. 统计：每个生成的脚本都有一个看似唯一的代码，可用于跟踪谁使用了多少带宽。

Answer 4

使用 .js 文件似乎可以实现异步加载和自动访问等附加功能。如果他们也进行更多跟踪，我不会感到惊讶。异步加载意味着表观开销实际上更少。

Answer 5

我来到这里是因为我对加载到我的网页中的脚本数量感到震惊（并且坚持将其置于首屏）。

我已经用过这个了； http://opensource.keycdn.com/fontawesome/4.6.3/font-awesome.min.css 当然，这需要保持最新状态，虽然人们可以理解 fontawesome 需要产生一些收入来源，但我更希望他们能够更多地了解所涉及的呼叫数量。

有一个选项可以使用 fontawesome CDN 作为 CSS 文件，也许可以解决一些问题。