.ttf格式足以用于指定带有字体规则的字体吗？

Question

我想使用Google字体中没有的“ 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 */
}