Web Fonts: Difference between revisions

From XPUB & Lens-Based wiki
(New page: * http://developer.mozilla.org/en/CSS/@font-face * http://www.w3.org/TR/2002/WD-css3-webfonts-20020802/#font-descriptions Through the "@font-face" "@rule" in CSS. Supporting browsers: * [...)
 
No edit summary
Line 6: Line 6:
* [http://www.opera.com/browser/next/ Opera]
* [http://www.opera.com/browser/next/ Opera]
* [http://support.apple.com/kb/TA25197?viewlocale=en_US Safari] on mac & windows (and linux through wine!?)
* [http://support.apple.com/kb/TA25197?viewlocale=en_US Safari] on mac & windows (and linux through wine!?)
<source lang="html4strict">
<!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: "Robson Celtic";
        src: url("http://site/fonts/rob-celt")
      }
      H1 { font-family: "Robson Celtic", serif }
    </STYLE>
  </HEAD>
  <BODY>
    <H1> This heading is displayed using Robson Celtic</H1>
  </BODY>
</HTML>
</source>

Revision as of 15:33, 17 March 2009

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: "Robson Celtic";
        src: url("http://site/fonts/rob-celt")
      }
      H1 { font-family: "Robson Celtic", serif }
    </STYLE>
  </HEAD>
  <BODY>
    <H1> This heading is displayed using Robson Celtic</H1>
  </BODY>
</HTML>