CSS Fonts

Fonts (opens new window) 模块描述了如何指定字体属性以及如何动态加载字体资源。

Font Loading (opens new window) 模块描述了用于动态加载字体资源的事件和接口。

一、字体属性

font-family (opens new window) 属性通过给定一个有先后顺序的，由字体名或者字体族名组成的列表来为选定的元素设置字体。

h1 {
  font-family: 'Open Sans', serif;
}

font-size (opens new window) 属性设置字体大小。

h1 {
  font-size: 64px;
}

二、字体资源

@font-face (opens new window) At-Rule (opens new window) 指定一个用于显示文本的自定义字体。

例如，通过 @font-face 从服务器上下载字体。

<link rel="stylesheet" href="https://fonts.font.im/css?family=Open+Sans" />