如何在fabric.js中获取字体家族的完整列表

Question

I'm using fabric.js in my site. suppose if I need to add any text in canvas, I write - like-

var text1 = new fabric.Text('Fabric', {
  left: 90,
  top: 570,
  angle: -5,
  fontFamily: 'Helvetica',
  fontSize: 20,
  fill: 'red'
})

but I need all available fonts (like - times new roman, Helvetica) in a list so that I can select the font at run time, I tried to google it but I got nothing. I wonder if anybody help me. Thank in advance.

Answer 1

fabricjs doens't provide any fonts for you. Instead, it uses a html5 canvas and therefore have the font the browser provides for you.

If you need to list available fonts during runtime you can test out the following .

Of you can import you own using font-face .