在线字体提供了一种可以使用更多字体的方式。随着现代浏览器支持在线字体， 设计师创作的丰富字体可以给用户带去更好的体验。

实现在线字体很简单，当使用它们的时候， 文本仍然便于选择和搜索。要使用在线字体的话，需要做三个准备工作。

选择浏览器能识别的字体文件。我们可以使用任何有版权或者免费的字体。

在样式表开头需要一个@font-face声明。需要定义font-family名，还有字体的格式（下面的例子是WOFF2格式），下面是一个简单的声明。

@font-face { 
font-family : 'Aller Light'; 
src : url('fonts/aller_std_lt.woff2') format('woff2');}

类属性可以应用到id、class、child、attribute和pseudo-或者任何类型的选择器上。我们来试一个老练风格的顶级heading。

h1 { 
font-family : Eastmarket; }

我们很快就能搞定嵌入式的在线字体语法和细节。