Vue动态加载ttf字体

# 公共定义
// 加载文字文件
/* 
loadFont({
  name: 字体名称
  ttfUrl: 字体ttf文件地址
})
*/
Vue.prototype.loadFont = async function (fontFamily) {
  console.log("加载ttf字体：" + fontFamily.name);
  const font = new FontFace(fontFamily.name, "url(" + fontFamily.ttfUrl + ")");
  await font.load();
  document.fonts.add(font);
}
# 使用
this.loadFont({
  name: 'jd-fonts',
  ttfUrl: ttfUrl
})
.jdFont {
  font-family: 'jd-fonts';
}