自定义字体在画布中不起作用

Question

我正在使用Bootstrap 3.我将其添加到我的自定义css：

@font-face {
    font-family: 'My font';
    src: url('../fonts/myfont.ttf') format('ttf');
}

myfont.tff是一种自定义字体。

然后我尝试在画布中使用这个字体：

context.font = '40pt My font';

但是会显示另一种字体。我做错了什么？

Answer 1

src: url('../fonts/myfont.ttf')  format('truetype');

<强>用法：

body {
font-family: 'MyFontFamily', myfont;
}