css - .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 */
}