Edit in JSFiddle

CSS
HTML

@font-face {
  font-family: myFirstFont;
  src: local('Sansation'), url('sansation_light.woff');
  font-weight: normal;
}

@font-face {
  font-family: myFirstFont;
  src: url('sansation_bold.woff');
  font-weight: bold;
}

* {
  font-family: myFirstFont;
}

<!DOCTYPE html>
<html lang="ko">
  <head></head>
  <body>
    <h1>@font-face Rule</h1>
    <p class="a">This is a paragraph.</p>
    <p><b>Note:</b> Internet Explorer 8 and earlier, do not support the @font-face rule.</p>
  </body>
</html>