Question

我们有一个内部应用程序，其中包含一堆自定义字体。该应用程序仅适用于最新版本的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文件，使构建过程更简单，更快捷。生成字体目前尚未自动化，这是我的目标。我有两个问题：

有没有理由这样做？
我应该保留哪个版本的字体？ woff，woff2，ttf，eot？

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

0 个答案: