uniapp中使用iconfont的方法：首先下載需要的圖標；然后選擇unicode點擊生成代碼；接著回到iconfont.css并且打開css文件；最后需要在【//at】前面加上【https:】，并調用iconfont。

本教程操作環(huán)境：windows7系統、uni-app2.5.1版本，該方法適用于所有品牌電腦。

推薦（免費）：uni-app開發(fā)教程

uniapp中使用iconfont的方法：

第一步

先去iconfont挑選要用到的圖標

第二步

把圖標下載下來

第三步

下載完了之后打開文件，除了iconfont.css其余文件一概刪除

第四步

回到自己的iconfont項目，選擇unicode點擊生成代碼如果之前生成過可以忽視這一步跳到第五步

第五步

生成完畢之后點擊復制代碼

第六步

回到iconfont.css并且打開css文件，注意紅框內容，全部刪除，替換成第五步剛剛復制過來的

第七步

替換完畢之后，需要在//at前面加上https:

第八步

調用iconfont

<template>     <view class="translation">                 <!--可以愉快的調用啦-->         <view class="iconfont icon-huhuan"></view>     </view> </template> <script>     export default {         data() {             return {                 val: 'iconfont的使用'             }         }     } </script> <style> /*選擇iconfont.css所在的路徑*/ @import '../../static/iconfont/iconfont.css'; </style>

相關免費學習推薦：編程視頻