css3 加载字体 |css动画风车效果

为了加载字体文件，大家可以使用 @font-face 规则。@font-face 规则允许大家指定字体的名称、字体文件的位置以及字体文件的格式。

@font-face {
font-family: "MyFont";
src: url("myfont.woff") format("woff");
}

在上面的代码中，大家定义了一个名为 MyFont 的字体，并且指定了其字体文件的位置（myfont.woff）以及字体文件的格式（Woff 格式）。 接下来，大家可以将这个字体应用到任意的 HTML 元素中：

p {
font-family: "MyFont";
}

上述的代码将 MyFont 字体应用到了所有的 p 标签中，从而使这些 p 标签中的文字都使用了这个特定的字体。

不过需要注意的是，如果大家要为网页加载一个自定义的字体文件，必须要考虑到此操作对性能造成的影响。字体文件的大小通常都比较大，如果不加缓存的情况下，每次访问网页时都需要重新下载这些文件，将会导致网页的加载速度变得极慢。因此，大家应该尽可能地将字体文件压缩，并且使用缓存机制让浏览器只需要在第一次访问时下载字体文件。