A nice little bit I CSS3 I've use on my homepage to allow me to
use fonts not necessarily on the visitor's computer is
@font-face. Font types TrueType (.ttf) and
OpenType (.otf) are supported in Opera 10+, Chrome 4.0, Safari 3.1+
and Firefox 3.5+.
Here's an example. First declare the font
@font-face {
font-family:'ExampleFont';
src: url('ExampleFontFileName.otf') format('opentype');
}
If you have different font files for font varients e.g. bold,
italic, then these need to be set up seperately.
@font-face {
font-family:'ExampleFont';
font-weight: bold;
src: url('ExampleFontFileName-Bold.otf') format('opentype');
}
@font-face {
font-family:'ExampleFont';
font-style: italic;
src: url('ExampleFontFileName-Italic.otf') format('opentype');
}
Last but not least use this font like any other.
body{
font-family:'ExampleFont', Arial, sans-serif;
}