第一步
先去iconfont挑選要用到的圖標

挑選圖標

第二步
把圖標下載下來

圖標下載

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

除了iconfont.css其余文件一概刪除

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

點擊生成代碼

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

復制代碼

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

刪除并且替換成剛剛在iconfont復制的代碼

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

加上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>