字体FontFace动态引入方式

第一步要定义好具体的字体名称

css:
@font-face{
font-family: myfont
}

FontFace api实现动态引入

字体的地址必须写在url()内。

const addFonts = async() => {
  //第一个参数为字体名称，要与font-family一致
  //第二个参数为字体文件
    const myfont = new FontFace('myfont', `url(${window.location.origin}/pht.ttf)`)
    await myfont .load()
    document.fonts.add(font)
}