我想在字体中使用这样的图标:
<i class="fa fa-user" aria-hidden="true"></i>
但是,如果我包含字体很棒,由于某些原因我使用另一种我使用的字体时出现问题,加载时间也较慢。所以我只想使用实际fa fa-user
的代码,所以我不需要只为一个图标导入所有这些代码!
我试图找到解决方案,但我不能?有可能吗?
答案 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。 :)