仅在使用图标时如何加载 fontawesome css？答案

【问题标题】：how to load fontawesome css only when an icon is used?仅在使用图标时如何加载 fontawesome css？
【发布时间】：2017-12-08 20:50:15
【问题描述】：

正如这里显示的那样：http://fontawesome.io/get-started/ 我看不出只有在前端使用图标时才能将 min.css 文件加载到头部。

我不想在所有页面上加载那个 css 文件，也许有人使用我的主题/插件甚至可能根本不使用图标！这意味着多了一个不必要的服务器请求。你认为我可以用 fontawesome 来解决这个问题？

顺便说一下，使用 WordPress，但我认为任何 CMS/项目都一样。

非常感谢！

【问题讨论】：

如果它是您的主题或插件，添加一个选项以将字体真棒 css 排入队列。对于您不在所有页面上的问题，请考虑检查图标类是否正在使用所需的资源 - 您可以简单地缓存字体真棒 css。

【解决方案1】：

也许使用 Google 跟踪代码管理器仅在您正在使用的特定页面上加载 .css 文件？使用自定义 HTML 作为标记，由所需页面上的单个视图触发。

【讨论】：

【解决方案2】：

您可以先检查页面上是否有可用的类，如果没有则排除它，如果为真则加载。像这样在 jQuery 中：

 if ( $('.fa').length > 0 ) { code here }

我没有看过文档，但我认为 FontAwsome 使用 .fa 作为类名

【讨论】：