vue1.0饿了么开发全过程-图标字体制作06

一、网站地址

https://icomoon.io

二、导入自己的svg图片

    2.1 点击icoMoon App 

vue1.0饿了么开发全过程-图标字体制作06_第1张图片

    2.2 然后点击import Icons


vue1.0饿了么开发全过程-图标字体制作06_第2张图片

   2.3 然后选中图片,点击右下角Generate Font

vue1.0饿了么开发全过程-图标字体制作06_第3张图片

    2.4 点击Get Code查看使用代码,点击Download,下载字体图标

vue1.0饿了么开发全过程-图标字体制作06_第4张图片

2.5 下载之前也可以点击preferences设置生成图标的名字


vue1.0饿了么开发全过程-图标字体制作06_第5张图片

三、如何在vue项目中应用,图片应该考在哪里目录下

把刚刚的下载后,解压缩,只需要拷贝fonts文件夹下的文件。


vue1.0饿了么开发全过程-图标字体制作06_第6张图片

你可能感兴趣的:(vue1.0饿了么开发全过程-图标字体制作06)