4. 引入外部字体

1. 外部字体文件

通过 @font-face属性,可以引入外部字体文件

@font-face {
    font-family:"bf";
    src: url(bf.TTF);
}

2. 字体图标

将图标制作成字体包, 这样我们就可以将图标当做一个字来对待,对齐设置大小和颜色,实现图标的变色.
矢量图标库

登录阿里巴巴矢量图标库

将需要的icon图标加入购物车

下载代码,解压后打开html文件

根据步骤使用图标

第一种方式:

第二种方式: