前言

Font Awesome 字体为您提供可缩放矢量图标,它可以被定制大小、颜色、阴影以及任何可以用CSS的样式。

image.png

1. 安装

网上下载或npm下载

<link rel="stylesheet" href="font-awesome/css/font-awesome.css">

2. 使用

i,em,span元素都是可以的。官方建议用i。
注意class的fa，必须要有这个，否则会出现一个白色方框。
fa-后面的是图标名称。可以在图标库查找
可以带fa-1x fa-2x等来控制大小

<i class="fa fa-sign-in"></i>
<em class="fa fa-sign-in"></em>
<span class="fa fa-sign-in"></span>

3.图标库

https://fontawesome.com.cn/faicons/

AI教程：童年の回忆—可爱的神奇宝贝mbe图标绘制
1、AI软件入门； 2、图标设计入门； 3、UI设计入门。
设计图标注意事项
了解创建图标的含义。明白不同图标的使用场景，不同的图标分别代表什么，了解哪些图标需要使用隐喻，哪些图标使用现实世界...
编程大白话之-在uni-app使用iconfont图标
uniapp开发中有多种使用图标的方法，例如：图标组件已有的图标，去阿里图标库下载喜欢的图标，或直接使用图标图片等...
字体图标
下载地址图标下载图标怎么使用图标样式对照
iOS上如何使用iconfont图标
iOS上如何使用iconfont图标 iOS上如何使用iconfont图标
在vue中使用阿里图标库；在iview中使用阿里图标库
在vue中使用阿里图标库；在iview中使用阿里图标库；图标库有三种使用方式（Unicode、Font clas...
01-字体图标配置和使用
一、什么叫做字体图标? 可以像使用字体一样使用图标一般辨别是否是字体图标主要是看图标是否是纯色二、字体图标有那...
2019-03-09
自带图标的使用哪个项目需要使用图标就鼠标右击选择New-Image Asset 第三方开源库图标的使用打开and...
Bootstrap布局组件——字体图标
Bootstrap 字体图标(Glyphicons) 字体图标是在 Web 项目中使用的图标字体。字体图标用于显示...
阿里的字体库—iconfont
阿里字体图标库介绍及图标字体的使用方法这篇文章只讲阿里字体图标库的使用，暂不讲图标制作，阿里矢量图标库上的字体图...