为什么这些 @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')。