Try it Live - multiple font formats

​x
 
<!DOCTYPE html>
<html>
  <head>
    <style> 
     @font-face {
      font-family: "sansation-font";
      src:url(sansation_light_v3.woff) format("woff"),
      url(https://www.tutorialbrain.com/sansation_light_v3.ttf) format("truetype"),
      url(https://www.tutorialbrain.com/sansation_light_v3.otf) format("opentype"),
      url(https://www.tutorialbrain.com/sansation_light_v3.eot) format("embedded-opentype");
     }
     
     body {
      font-family: "sansation-font";        
     }
    </style>
  </head>
  <body>
    <h1>Example for @Font Face - Multiple Font Formats</h1>
    <p>Multiple font-formats are WOFF(web open font format), TTF(truetype), OTF(opentype), EOT(embedded-opentype)</p>
  </body>
</html>
​