Try it Live - Web fonts using @font-face property

​x
 
<!DOCTYPE html>
<html>
  <head>
    <style> 
     @font-face {
      font-family: custom-font;
      src: url(sansation_light_v3.woff);
     }
     
     h2 {
      font-family:custom-font;
     }
    </style>
  </head>
  <body>
    <h2>Example for @font-faceproperty for custom fonts</h2>
    <p>sansation_light_v3.woff is a woff( Web Open Font Format) file</p>
    <strong>sansation Font:</strong> It is developed by Bernd Montag
  </body>
</html>
​