Web Fonts: Difference between revisions
(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 |
||
| (One intermediate revision by the same user not shown) | |||
| 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: "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> | |||
</source> | |||
Latest revision as of 14:42, 17 March 2009
- 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:
<!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>