@font-face#

The @font-face CSS at-rule specifies a custom font with which to display text; the font can be loaded from either a remote server or a locally-installed font on the user's own computer.

Syntax#

@font-face {
  [ font-family: <string>; ] ||
  [ src: url(<string>) | local(<string>); ]
}

Values#

font-family#

Specifies a name that will be used as the font face value for font or font-family properties.

src#

Specifies the resource containing the font data. This can be a URL to a remote font file location or the base64 font.

Example#

@font-face {
  font-family: 'font-Sansation_Light2';
  src: url('https://2'), url('https://22'), url('https://222'),
    url('data:font/xxx....');
}