In general, most web rendering engines support only a subset of known fonts. CSS3 web fonts allows a developer to import a *.OTF or *.TTF font file into a CSS stylesheet, and use it to format text in your web content.
The following is an example of a Web font definition that uses the TudorRose.otf font file to style text:
The quick brown fox jumped over the lazy dog.
The following demonstration can be used to determine if the current browser rendering engine supports the specified serif fonts.
Default The quick brown fox jumped over the lazy dog.
Times New Roman The quick brown fox jumped over the lazy dog.
Georgia The quick brown fox jumped over the lazy dog.
Times The quick brown fox jumped over the lazy dog.
Serif The quick brown fox jumped over the lazy dog.
The following demonstration can be used to determine if the current browser rendering engine supports the specified sans serif fonts.
Arial The quick brown fox jumped over the lazy dog.
Verdana The quick brown fox jumped over the lazy dog.
Helvetica The quick brown fox jumped over the lazy dog.
Geneva The quick brown fox jumped over the lazy dog.
sans-serif The quick brown fox jumped over the lazy dog.
The following demonstration can be used to determine if the current browser rendering engine supports the specified fonts.
Courier New The quick brown fox jumped over the lazy dog.
Courier The quick brown fox jumped over the lazy dog.
Calibri The quick brown fox jumped over the lazy dog.
BBAlpha Sans The quick brown fox jumped over the lazy dog.