#'@font-face'

@font-face 指定一个用于显示文本的自定义字体，字体能从远程服务器或者用户本地安装的字体加载。

#语法

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

#声明取值

#font-family

使用字符串指定字体名称，并且指定的字体名字将会被用于 font 或 font-family 属性。

#src

使用逗号分割排列出所有可用的字体，可以使用 url 函数来指定远程字体和 Base64 字体，使用 local 函数来指定本地字体。

#示例

textsrc/font_face/index.tsx

预览

#与 Web 的区别

• 不支持 font-style、font-weight 和 font-variant 等取值。

#兼容性

LCD tables only load in the browser