bootstrap4中使用Font Awesome圖標

bootstrap4中默認取消了Font Awesome圖標的應用,因此若是要使用相關圖標就須要咱們本身手動添加,具體步驟以下:css

1.下載Font Awesome 下載地址

基本圖標下載免費版就能夠了。下載 free for web`
html

2.將下載的文件解壓到bootstrp4目錄中

3.在html頁面中添加引用,引用css文件夾中 all.css`

<link rel="stylesheet" href="fontawesome-free-5.11.2-web/css/all.css">web

4.在頁面中使用Font Awesome圖標

<i class="fas fa-camera"></i>bootstrap

5.看看效果

另外還能夠在Font Awesome搜索本身須要的圖標,並查看用法。
svg

若是你下載的包中不包含該圖標,可將圖標svg文件下載下來,並拷貝至 svg 文件夾中再進行引用便可。
3d

又能夠愉快的玩耍了!😁code

相關文章
相關標籤/搜索