用canvas写字，怎么导入自定义的字体

Question

如图，这个是需求方的要求这个YOU是根据用户输入变化的，这个我我该怎么画出来，我按找网上的方法指画出了下面的样子

//准备canvas环境
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
canvas.width = 750;
canvas.height = 1322;
// 绘制图片
ctx.drawImage(img, 0, 0);
// 字体及颜色
ctx.font = "oblique small-caps bold 50px Arial";
ctx.fillStyle = "#FF0000(255,255,255,0.8)";
ctx.lineWidth = 4.5;
let text="To：stroke+fill"
ctx.strokeStyle = "#00008B";
ctx.strokeText(text,40,995);
ctx.fillStyle = "white";
ctx.fillText(text,40,995);

var tw = ctx.measureText(text).width;

ctx.lineTo(85, 1005);
ctx.lineTo(tw+81, 1005);

我该怎么加哪个字体，还有这个下划线是镂空的，该怎么实线呢？？

Answer 1

先用css导入自定义字体，然后在font里面设置你的自定义字体名称；镂空字体可以描边