canvas绘制网络字体

var canvas = document.getElementById(‘canvas‘)
var ctx = canvas.getContext(‘2d‘)
var link = document.createElement(‘link‘)
link.rel = ‘stylesheet‘
link.type = ‘text/css‘
link.href = ‘http://fonts.googleapis.com/css?family=Vast+Shadow‘
document.getElementsByTagName(‘head‘)[0].appendChild(link)
var image = document.createElement(‘img‘)
image.src = link.href
image.onerror = () => {
  document.fonts.load(‘50px Vast Shadow‘, ‘123‘).then(() => {
    ctx.font = ‘50px "Vast Shadow"‘
    ctx.textBaseline = ‘top‘
    ctx.fillText(‘123‘, 20, 10)
  })
}

var font = new Font(fontFamily);
font.onload=function(evt){
     document.fonts.load(‘50px Vast Shadow‘, ‘123‘).then(() => {
    //你的代码
  })   
}