.ttf 格式是否足以指定具有字体规则的字体？

Question

我想使用谷歌字体中没有的“Antonio 字体”。我收到了一个 .ttf 文件并按照下面的说明使用它，是否足够或我需要其他文件（woff、woff2 等）？

@font-face {
  font-family: Antonio;
  src: url(../../../../public/assets/fonts/Antonio-Regular.ttf) format('truetype');
}

  .obj{
    font-family: Antonio, serif;
}  

Answer 1

不幸的是 .ttf 文件并不能满足所有现代浏览器的需求，但是许多较新的浏览器正在转向 .woff 文件，因此为了获得最佳实践，您可以执行以下代码之类的操作，因为这样会更有益：

@font-face {
    font-family: Antonio;
    src: url('antonio.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    url('antonio.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}