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

我使用的是bootstrap3。我在自定义css中添加了以下内容：

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

myfont.tff是一种自定义字体

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

context.font='40pt My font'

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

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

用法：

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