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

我目前在本地和我的字体文件夹托管材料图标字体我有以下文件。哪些是要加载的正确字体文件？

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？

来源

2017-01-03 StevieB

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

所以，WOFF和woff2将覆盖新的浏览器或专门：

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

来源

2017-01-03 10:46:30

我想我试图了解字体的.svg，当这是否加载？ – StevieB

我只注意到我从来没有真正加载.svg文件在我的CSS，所以我从来没有真正使用它的权利？它是否必须在css上面声明.woff2？ – StevieB

http://caniuse.com/#feat=svg-fonts该浏览器的列表什么用的SVG

来源

2017-01-03 11:06:52 grinmax

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

回答

相关问题