为什么这些@ font-face声明没有加载任何内容？

Question

我正在尝试在我正在处理的Chrome扩展程序中导入TTF字体，但我编写的字体规则似乎没有得到Chrome的支持：

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat-Regular'), url('/fonts/Montserrat/Montserrat-Regular.ttf') format('ttf');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat-Bold'), url('/fonts/Montserrat/Montserrat-Bold.ttf') format('ttf');
}

我做错了什么？

Answer 1

与webfonts中的几乎所有其他字体格式（与所包含字体的最常见文件扩展名匹配）不同，TTF字体的格式标识符为format('truetype')，而不是format('ttf')。