我想像这样使用字体很棒的图标:
<i class="fa fa-user" aria-hidden="true"></i>
但是如果我包含很棒的字体，由于某些原因，我使用的另一种字体会出现问题，而且加载时间也会变慢。所以我只想使用实际 fa fa-user 的代码，所以我不需要只为一个图标导入所有这些代码!
我试图为此找到解决方案，但找不到？有可能这样做吗？
最佳答案
下载时，您不能只包含字体中的那个图标；必须下载整个字体才能使任何图标工作。但是，您可以告诉浏览器 Unicode Range您要将其用于该字体。
在 Font-Awesome 的例子中，fa-user 图标位于 U+F007 , 所以如果你只想包含那个图标，你只需要在 unicode-range 属性中指定:
@font-face {
font-family: 'FontAwesome';
unicode-range: U+F007;
}
也就是说，Font Awesome 是一个特例，因为作者运行了几个服务，允许您准确自定义包含哪些图标。在 GitHub 上，他们有一个关于此的 Wiki 条目:Customize Font Awesome .
关于css - 使用 Font Awesome 图标代码而不导入它，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39999377/