如何将SVG图标转换为字体文件

1.打开网站https://icomoon.io/,进入的时候会有点卡,建议直接进下面的网站。

点击右上角的IcoMoon App图标,也可以直接进入https://icomoon.io/app/#/select

2.点击import Icoms上传SVG文件,或者直接选择网站内的图标

3.点击右下角的Generate Font生成字体文件

4.继续点击Download下载文件

下载后的目录为

如何将SVG图标转换为字体文件_第1张图片

但是我们只需要fonts文件夹和style.css文件,demo.html是实例,我们可以点击开来查看怎么使用

如何将SVG图标转换为字体文件_第2张图片

之后我们只需要复制图标后面的类名就可以使用了

 

 

如何将SVG图标转换为字体文件_第3张图片

如何将SVG图标转换为字体文件_第4张图片

如何将SVG图标转换为字体文件_第5张图片

你可能感兴趣的:(css,svg)