微信小程序中使用svg字體圖標(biāo)教程 ——圖解三步,很清晰
小程序中想使用字體圖標(biāo)其實很簡單:
第一步:首先在阿里巴巴矢量圖庫https://www.iconfont.cn/search 里面下載你想要的小圖標(biāo):

下載時選擇svg下載:

第二步:打開 https://icomoon.io 把你剛剛下載的svg拖拽到這里:



第三步:在線轉(zhuǎn)換base64編碼字體,打開 https://transfonter.org/ :

下載完成后你會得到第二個文件夾,解壓:

接下來就可以使用了:
注意: 字體圖標(biāo)就相當(dāng)于字體直接用font-size控制大小,color控制顏色就可以
// wxml結(jié)構(gòu)文件:
<view class="icon-copy"></view>
// wxss樣式文件:
.icon-copy {
font-size: 30px;
color: #000;
}

————————————————
版權(quán)聲明:本文為CSDN博主「最初都是小白」的原創(chuàng)文章,遵循CC 4.0 BY-SA版權(quán)協(xié)議,轉(zhuǎn)載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/Originally_M/article/details/106473475

浙公網(wǎng)安備 33010602011771號