<p class="zw">在线字体提供了一种可以使用更多字体的方式。随着现代浏览器支持在线字体， 设计师创作的丰富字体可以给用户带去更好的体验。</p> <p class="zw">实现在线字体很简单，当使用它们的时候， 文本仍然便于选择和搜索。要使用在线字体的话，需要做三个准备工作。</p> <p class="zw">选择浏览器能识别的字体文件。我们可以使用任何有版权或者免费的字体。</p> <p class="zw">在样式表开头需要一个<code>@font-face</code>声明。需要定义<code>font-family</code>名，还有字体的格式（下面的例子是WOFF2格式），下面是一个简单的声明。</p> <pre class="代码无行号"><code>@font-face { font-family : 'Aller Light'; src : url('fonts/aller_std_lt.woff2') format('woff2');}</code></pre> <p class="zw">类属性可以应用到<code>id</code>、<code>class</code>、<code>child</code>、<code>attribute</code>和<code>pseudo</code>-或者任何类型的选择器上。我们来试一个老练风格的顶级heading。</p> <pre class="代码无行号"><code>h1 { font-family : Eastmarket; }</code></pre> <p class="zw">我们很快就能搞定嵌入式的在线字体语法和细节。</p>
