无法与@ font-face规则相处

Question

我在将字体导入CSS文件时遇到问题，我无法理解这个问题。

代码：

@font-face {
  font-family: 'Reg';
  font-style: normal;
  font-weight: 400;
  src: local('Reg'), url(carmelit.ttf) format('ttf');
}

body{
    font-family: 'Reg';     
}

这不起作用，并不是因为我稍后会覆盖它。文件＆＃34; carmelit.ttf＆＃34;与CSS文件位于同一文件夹中。

Answer 1

format('ttf')应为format('truetype')

除非您支持古老版本的IE，否则您也可以删除local信息。

Answer 2

您也应该尝试这样：

@font-face {
    font-family: myFirstFont;
    src: url(sansation_light.woff);
}

div {
    font-family: myFirstFont;
}