使用字体真棒图标代码而不导入它

时间:2016-10-12 13:05:37

标签: css fonts font-awesome

我想在字体中使用这样的图标:

<i class="fa fa-user" aria-hidden="true"></i>

但是,如果我包含字体很棒,由于某些原因我使用另一种我使用的字体时出现问题,加载时间也较慢。所以我只想使用实际fa fa-user的代码,所以我不需要只为一个图标导入所有这些代码!

我试图找到解决方案,但我不能?有可能吗?

2 个答案:

答案 0 :(得分:2)

下载时,您不仅可以在字体中包含一个图标;必须下载整个Font才能使任何图标生效。但是,您可以告诉浏览器您想要用于该字体的Unicode Range

在Font-Awesome的情况下,fa-user图标位于U+F007,因此如果您只想包含该图标,则只需在unicode-range属性中指定: / p>

@font-face {
  font-family: 'FontAwesome';
  unicode-range: U+F007;
}

也就是说,Font Awesome是一个特例,作者运行了一些服务,允许您准确地自定义包含哪些图标。在GitHub上,他们有一个关于此的Wiki条目:Customize Font Awesome

答案 1 :(得分:2)

您可以使用此简单图片http://images.time2hack.com/fa-user.png代替包含。不好的一面是你需要更多的CSS。 :)

相关问题