Web Fonts

From XPUB & Lens-Based wiki

Through the "@font-face" "@rule" in CSS.

Supporting browsers:

  • Opera
  • Safari on mac & windows (and linux through wine!?)


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
  <HEAD>
    <TITLE>Font test</TITLE>
    <STYLE TYPE="text/css" MEDIA="screen, print">
      @font-face {
        font-family: "Loki";
        src: url("LOKICOLA.TTF")
      }
      H1 { font-family: "Loki", monospace; font-size: 128px }
    </STYLE>
  </HEAD>
  <BODY>
    <H1> This heading is displayed using NotCourier</H1>
  </BODY>
</HTML>