The CSS @font-face @-rule allows authors to specify online fonts to display text on their web pages. By allowing authors to provide their own fonts, @font-face eliminates the need to depend on the limited number of fonts users have installed on their computers.

Values

• <a-remote-font-name> - Specifies a font name that will be used as the font face value for font properties.
• <source> - Specifies the URL for the remote font file location using src:url("URL");, or the name of a font on the user's computer in the form local("Font Name");. If that font isn't found, other sources will be tried until one is found.
• <weight> - A font-weight value.
• <style> - A font-style value.

Example:

@font-face {  
       font-family:"Depressionist Three Thin";  
       src:url("http://cooltext.com/Download-Request?Type=Font&ID=78"), local("Depressionist Three Thin"), url(depress3_____1.ttf);   
}