function loadFont(obj) {
if (document.fonts && !checkFont(obj.cssValue)) {
const fontFace = new FontFace(obj.cssValue, `local('${obj.cssValue}'),url('${obj.url}')`);
fontFace.load().then(font => document.fonts.add(font));
}
}
function checkFont(name) {
const values = document.fonts.values();
let isHave = false;
let item = values.next();
while (!item.done && !isHave) {
let fontFace = item.value;
if (fontFace.family === name) {
isHave = true;
}
return isHave;
}
}
loadFont({
url:'字体路径',
cssValue:'字体名字'
})
// css 部分
{
font-family: 字体名字
}
实例: