微信小程序font圖標(biāo)下載及是用方法
微信小程序font圖標(biāo)已經(jīng)是當(dāng)下最熱門(mén)的話(huà)題，下面將從多方面來(lái)談?wù)勎⑿判〕绦騠ont圖標(biāo)相關(guān)的內(nèi)容。
下載font-awesome字體包
打開(kāi)Transfonter網(wǎng)站，上傳字體fontawesome-webfont.ttf（理論其它文件格式也可以轉(zhuǎn)換，并未嘗試），選擇base64編碼，convert后下載
下載得到的包中有style文件，打開(kāi)后獲得以下代碼，并對(duì)照f(shuō)ont-awesome.css中的內(nèi)容，加入到微信小程序的app.wxss文件中
@font-face {
font-family: 'fa';
src: url(data:font/truetype;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTXLOMIUAAlXMAAAAHEdERUYAJwKrAAJVrAAAAB5PUy8yiDJ6IwAAAVgAAABgY21hcJ0vdNQAAAw4AAADAmdhc3D//wADAAJVpAAAAAhnbHlmHejPwQAAGdQAAh3kaGVhZAbB4eAAAADcAAAANmhoZWEO+QqbAAAB......long long) format('truetype');
font-weight: normal;
font-style: normal;
}
.fa {
font-family: "fa" !important;
font-size: 16px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.fa-2x {
font-size: 2em;
}
//long long long...........
然后在小程序中使用class="fa fa-user"即可，如<text class="fa fa-user"></text>
-
微信小程序商城系統(tǒng)開(kāi)發(fā)其實(shí)很簡(jiǎn)單
微信小程序商城系統(tǒng)開(kāi)發(fā)其實(shí)很簡(jiǎn)單，只需要五步就可以完成，整個(gè)過(guò)程包括開(kāi)發(fā)、上線(xiàn)、發(fā)布都可以輕松搞定...詳情
第二部分：如何開(kāi)通一個(gè)小商店
- 關(guān)注官方公眾號(hào) -
咨詢(xún)電話(huà)：4006-089-731