Font Awesome使用方法
fontawesome使用步驟
1.下載https://fontawesome.com/
2.解壓
3.將css和webfonts移動到項目中
4.將all.css引入到網頁中
5.使用圖標字體
直接通過類名來使用圖標字體
class="fas fa-bell"
class="fab fa-accessible-icon"
通過偽元素來設置圖標字體
1.找到要設置圖標的元素通過before或after選中
2.在content中設置字體的編碼
3.設置字體的樣式
li::before{
content : '\f1b0';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
或通過實體使用圖標字體；
<span class= "fas"></span>