微信小程序使用iconfont
时间: 2024-03-30 13:26:23 浏览: 88
微信小程序 如何引入外部字体库iconfont的图标
是可以使用iconfont的。你可以在iconfont官网上找到相应的图标并下载svg格式的图标文件。然后在小程序中使用wxss样式将该图标文件引入,例如:
```css
@font-face {
font-family: 'iconfont'; /* 项目名称 */
src: url('iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
```
然后在wxml中使用该图标,例如:
```html
<text class="iconfont"></text>
```
其中,`` 是该图标对应的字体编码。你可以在iconfont官网上找到对应图标的编码。
阅读全文