title: Remove unnecessary css font-face font type
body: <p>I have a template that use a font via <code>font-face</code> in css with <code>font-face</code> it call all type of <code>.eot .svg .ttf .woff .woff2 .otf</code> fonts.</p>
  
  <pre><code>1. Do I really need all of them? because size of them are 100 between 300kb
  2. Browsers must download all of them when opens a webpage?
  </code></pre>
  
  <p>I want display the font correctly on android/IE/chorme/firfox/ios.</p>