title: Why should we include ttf, eot, woff, svg,... in a font-face
body: <p>In CSS3 <code>font-face</code>, there are multiple font types included like <code>ttf</code>, <code>eot</code>, <code>woff</code>, <code>svg</code> and <code>cff</code>.</p>
  <p>Why should we use all of these types?</p>
  <p>If they are special to different browsers, why is the number of them greater than the number of the major web browsers?</p>