介绍/使用:
http://fontawesome.dashgame.com/
菜鸟教程:
http://www.runoob.com/font-awesome/fontawesome-tutorial.html
官网:
https://fontawesome.com/
Github:
https://github.com/FortAwesome/Font-Awesome/
Font Awesome为您提供可缩放的矢量图标,您可以使用CSS所提供的所有特性对它们进行更改,包括:大小、颜色、阴影或者其它任何支持的效果。
一个字库,675个图标
仅一个Font Awesome字库,就包含了与网页相关的所有形象图标。
无需依赖JavaScript
Font Awesome完全不依赖JavaScript,因此无需担心兼容性。
无限缩放
无论在任何尺寸下,可缩放的矢量图形都会为您呈现出完美的图标。
如言语一般自由
Font Awesome完全免费,哪怕是商业用途。请查看许可。
CSS控制
只要CSS支持,无论颜色、大小、阴影或者其它任何效果,都可以轻易展现。
高分屏完美呈现
Font Awesome的矢量图标,将使您的网站在视网膜级的高分屏上大放异彩。
完美兼容其它框架
尽管是为Bootstrap设计,但Font Awesome同样能与其它框架完美协同运作。
可用于桌面系统
用于桌面系统,或需要一套完整的矢量图,请查看备忘。
可适配于屏幕阅读器
与其它字体不同,Font Awesome不会影响屏幕阅读器正常工作。
如何使用?
CDN:
https://www.bootcdn.cn/font-awesome/
中文教程:
http://www.fontawesome.com.cn/
将
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
添加到网页的前即可。
找到你想要的图标,
https://fontawesome.com/icons?d=gallery
在你需要的位置添加即可。
class="fab fa-angular">i>