UNIAPP 怎麼引入字型

2021-10-09 06:40:35 字數 814 閱讀 8268

第一種  網路字型位址

const url = ''

loadfontweb() ")`

})},

第二種  本地字型位址

第一步  在字型檔案存放在static目錄下面

第二步  本地路徑需要使用絕對路徑,所以需要native的方法來

loadfontlocal() )`,

success() ,

fail(e)

})},

第三部  在css中對需要引用的字型 使用 font-family: 第二步填寫的位址;

*
第三種  網路位址快取到本地

async loadfontcache() 

}if (!tempfilepath) )

if (!error) )}})

} else

} else

uni.loadfontface(")`

})}

還有有個坑,不知道別人是不是跟我一樣,就是在每個頁面要引入字型 都需要呼叫一下 才會生效,所以我這裡是寫在main.js裡面, 使用mixin,方法

vue.mixin(

}, onload() ,

methods:)`,

success() ,

fail(e)

});} }

})

uni app引入阿里iconfont

前言 準備 阿里巴巴提供資源 操作 一 二 搜尋自己需要的資源,並新增到自己的專案當中。1.專案在哪,看下圖,如果沒有專案自己可以快速建立乙個專案,專案我的理解就是乙個分類的資料夾。2.icon怎麼新增到專案中。點選圖示 加入庫 新增到專案。三 開啟我的專案 1 點選下方的 下方新icon.紅色字型...

關於Uni app引入icon的學習

例如1 不使用data,直接在template中使用 iconfont icon dianzan text 例如2 使用data遍歷出來for item,index in middlemyzc 自己的樣式 class item.icon text view data 3 開啟這個 上傳iconfon...

專案中引入字型

font face html,body蘋方提供了六個字重,font family 定義如下 蘋方 簡 常規體 font family pingfangsc regular,sans serif 蘋方 簡 極細體 font family pingfangsc ultralight,sans serif...