官網(wǎng)字體圖標傳送門：https://uniapp.dcloud.io
先上效果圖：
效果圖
-
在iconfont中找到需要的圖標，將其添加到項目中
添加到項目 -
在項目中復(fù)制Unicode
復(fù)制Unicode -
將復(fù)制的代碼粘貼到uni-app的
App.vue下的style標簽下-
注：font-family可以自定義為你想要的名字（使用時需要用到）
復(fù)制到App.vue
-
-
在iconfont項目中復(fù)制你要使用的圖標的代碼塘娶，在uni-app中使用它
復(fù)制代碼
<text class="icon"></text>
uni-app中使用
- 自定義圖標的大小、顏色等樣式
.icon {
/* font-family需要和自定義的相同 */
font-family: "iconfont" !important;
ont-size: 40upx;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
增加新圖標方法
- 將新的圖標放到同一個項目中
- 復(fù)制新的代碼替換
App.vue中的樣式代碼即可
替換樣式代碼
