网页中字体图标的下载和引用

第一步:字体图标样式的下载
字体图标下载网站:http://icomoo.io
网页中字体图标的下载和引用
选择你想要的字体样式,并点击generate font来生成字体。
网页中字体图标的下载和引用
这个时候就可以下载了。
网页中字体图标的下载和引用
下载的文件是个压缩包,需要解压。
网页中字体图标的下载和引用
第二步:字体图标样式的引用
打开解压后的文件夹,把文件夹中fonts文件放进你用来创建网页的文件夹里。
网页中字体图标的下载和引用
网页中字体图标的下载和引用
打开解压后的文件夹里的style.css文件,我们需要把里面的部分代码放进你用来创建网页的css文件里。
网页中字体图标的下载和引用
网页中字体图标的下载和引用
打开icommoon文件夹里的demo网页
网页中字体图标的下载和引用
这样我们就可以直观地看到我们下载的字符图标并且引用它了。
网页中字体图标的下载和引用
网页中字体图标的下载和引用
网页中字体图标的下载和引用