我应该使用font-face以什么格式提供我的字体?

时间:2016-11-22 18:58:39

标签: css fonts font-face webfonts

我们有一个内部应用程序,其中包含一堆自定义字体。该应用程序仅适用于最新版本的chrome,因此我们无需担心兼容性问题。在我们的sass中,我们有:

@font-face {
  font-family: 'fonticons';
  src: url('../assets/fonts/fonticons.eot?5066');
  src: url('../assets/fonts/fonticons.eot?5066#iefix') format('embedded-opentype'),
  url('../assets/fonts/fonticons.woff2?5066') format('woff2'),
  url('../assets/fonts/fonticons.woff?5066') format('woff'),
  url('../assets/fonts/fonticons.ttf?5066') format('truetype'),
  url('../assets/fonts/fonticons.svg?5066#fonticons') format('svg');
  font-weight: normal;
  font-style: normal;
}

这看起来有点矫枉过正。我想避免使用和创建不必要的字体文件。以下似乎也有效:

@font-face {
  font-family: 'fonticons';
  src: url('../assets/fonts/fonticons.woff2?5066') format('woff2');
  font-weight: normal;
  font-style: normal;
}

如果我这样做,那么我可以删除woff,eot和ttf文件,使构建过程更简单,更快捷。生成字体目前尚未自动化,这是我的目标。我有两个问题:

  1. 有没有理由这样做?
  2. 我应该保留哪个版本的字体? woff,woff2,ttf,eot?

0 个答案:

没有答案