로드 할 올바른 글꼴 파일은 무엇입니까?

Question

현재 Material Icons 글꼴을 로컬로 호스팅하고 있으며 내 글꼴 폴더에는 다음 파일이 있습니다.

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

새로운 브라우저와 IE11 만 지원한다면이 파일이 모두 필요합니까?

또한 .svg 파일은 매우 크고 276kb이며 파일 크기에 관해 불평하는 webpack bundler입니다. .svg 글꼴을 선택하는 브라우저는 무엇입니까?

@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'); 
} 

글꼴> .woff2> .woff을 .svg되어 다음과 같이

글꼴 CSS를로드?

Answer 1

woff 및 woff2은 사물을 향한 2 가지 글꼴 유형입니다.

그래서, 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