介紹/使用:
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>