Advanced Search

Return to Snippet

Revision: 20087
at November 6, 2009 14:51 by rwczippy
Initial Code 
@font-face {
  font-family: <a-remote-font-name>;
  src: <source> [,<source>]*;
  [font-weight: <weight>];
  [font-style: <style>];
}
Initial URL 
https://developer.mozilla.org/index.php?title=En/CSS/%40font-face
Initial Description 
Summary
@font-face allows authors to specify online fonts to display text on their webpages. 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.

Syntax
@font-face {
  font-family: <a-remote-font-name>;
  src: <source> [,<source>]*;
  [font-weight: <weight>];
  [font-style: <style>];
}
Values
<a-remote-font-name> 
Specifies a font name that will be used as font face value for font properties.
<source> 
URL for the remote font file location, or the name of a font on the user's computer in the form local("Font Name").
<weight> 
A font weight value.
<style> 
A font style value.
You can specify a font on the user's local computer by name using the local() syntax. If that font isn't found, other sources will be tried until one is found.
Initial Title 
@font-face CSS font injection
Initial Tags 
css
Initial Language 
CSS