Web Fonts使用Web Fonts 第一步：在字体天下网站 https://www.fonts.net.cn/fo

使用Web Fonts

第一步：在字体天下网站 www.fonts.net.cn/fonts-zh-1.… 下载一个字体。默认下载下来的是ttf文件。

第二步：使用字体。

使用过程如下：

1.将字体放到对应的目录中

2.通过@font-face来引入字体, 并且设置格式

3.使用字体

注意: @font-face 用于加载一个自定义的字体

我们刚才使用的字体文件是 .ttf, 它是TrueType字体。在开发中某些浏览器可能不支持该字体, 所以为了浏

览器的兼容性问题, 我们需要有对应其他格式的字体。

TrueType字体：拓展名是 .ttf

这里我们提供一个网站来生产对应的字体文件font.qqe2.com/

字体可以设计成各式各样的形状，那么能不能把字体直接设计成图标的样子呢？当然可以，这个就叫做字体图标。

字体图标的好处：放大不会失真；可以任意切换颜色；用到很多个图标时，文件相对图片较小

字体图标的使用：登录阿里icons（www.iconfont.cn/）。下载代码，并且拷贝到项目中。将字体文件和默认的css文件导入到项目中。