一旗吁、從官網(wǎng)下載 Font Awesome
官網(wǎng)鏈接 -> Font Awesome
下載完成后解壓结洼，找到 webfonts 文件夾并打開。
二别厘、打開對字體庫進行轉(zhuǎn)碼
- 點擊
Add fonts怎棱，找到/path/to/fontawesome-free-version-web/webfonts選擇fa-solid-900.woff2并上傳哩俭。 - 打開
Base64 encode。 - 點擊
Convert拳恋。 - 點擊
Download下載文件并解壓凡资，打開stylesheet.css文件。
三谬运、把 Font Awesome 添加到 小程序項目
- 在項目根目錄創(chuàng)建
fontawesome文件夾隙赁，并在文件夾內(nèi)創(chuàng)建fontawesome.wxss和solid.wxss文件。 - 把剛剛打開的
stylesheet.css文件內(nèi)的第二段@font-face代碼拷貝到solid.wxss文件內(nèi)梆暖。
- 再把
path/to/fontawesome-free-version-web/css/fontawesome.css中全部代碼拷貝到fontawesome.wxss文件內(nèi)伞访。 - 最后在項目內(nèi)
app.wxss文件內(nèi)添加如下代碼：
@import "./fontawesome/fontawesome.wxss";
@import "./fontawesome/solid.wxss";
四、至此結(jié)束
現(xiàn)在轰驳，已經(jīng)可以在任意 wxml 文件內(nèi)使用 Font Awesome 圖標(biāo)了咐扭。例：
<text class="fas fa-question"></text>
