@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

Use a comma-separated list to specify available fonts. Use url() function for remote fonts and Base64-encoded fonts.Use local() function for local fonts.

#Example

<Go/>

textsrc/font_face/index.tsx

Code

Preview

#Difference from W3C

Not support font-style,font-weight and font-variant.

#Compatibility