哪些是要加載的正確字體文件？

我目前在本地和我的字體文件夾託管材料圖標字體我有以下文件。哪些是要加載的正確字體文件？

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

哪些是要加載的正確字體文件？

回答

相關問題