第一種 網路字型位址
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...