哪些是正确的字体文件要加载？

Question

我目前在本地托管Material Icons字体，在我的字体文件夹中，我具有以下文件。

MaterialIcons-Regular.svg
MaterialIcons-Regular.ttf
MaterialIcons-Regular.woff
MaterialIcons-Regular.woff2

如果我仅支持新的浏览器和IE11 +，是否需要所有这些文件？

.svg文件也很大276kb，而webpack捆绑程序抱怨文件的大小。 哪个浏览器会选择.svg字体？

字体在css中加载如下：

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src:
    local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),
    url(../fonts/MaterialIcons-Regular.woff) format('woff'),
    url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}

.svg字体> .woff2> .woff是吗？

Answer 1

woff和woff2是事物倾向于使用的两种字体类型。

因此，woff和woff2将涵盖新的浏览器，或者特别是：

Chrome  Safari  Firefox Opera   IE  Android iOS
5+      5.1+    3.6+    11.50+  9+  4.4+    5.1+

Answer 2

http://caniuse.com/#feat=svg-fonts列出了使用svg的浏览器