ruby-on-rails - @ font-face，提供多个选项的意义是什么？

例如，我见过设计师做如下事情：

@font-face {
  font-family: 'ProximaNovaRegular';
  src: url("<%= font_path('PrimaNova-Regular.otf') %>");
  src: url("<%= font_path('PrimaNova-Regular.otf') %>") format("opentype"),
  url("<%= font_path('proximanova-regular-webfont.woff') %>") format('woff'),
  url("<%= font_path('proximanova-regular-webfont.ttf') %>") format('truetype'),
  url("<%= font_path('proximanova-regular-webfont.svg#ProximaNovaRegular') %>") format('svg');
}

具有几种不同格式的目的是什么？一个就够了吗？我正在使用@ font-face向我的应用程序添加字体，但是我只有.otf格式-可以吗？

最佳答案

不同类型用于跨浏览器兼容性。对于某些浏览器，甚至类型的顺序也很重要。

检出Bulletproof @font-face Syntax和How to use CSS @font-face。

要转换字体并使用正确的语法获取CSS文件，可以使用Font Squirrel - Webfont generator。

关于ruby-on-rails - @ font-face，提供多个选项的意义是什么？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22097850/