字体图标

网址:https://icomoon.io/app/#/select

1、将项目中/www/fonts/icommoon.svg import到网站

2、使用ps打开psd图,选择路径工具

点击所需的图片并复制

在AI中,新建大小为200*200mm的图层,生成的字体图标类名会自带icon-,此处可命名为phone等

粘贴,弹框选择确定

出现所需的图标路径

按住shift的同时用鼠标拖拽,使此路径至少一边铺满整个画布


用填色工具给图标填色,

ctrl+shift+s 存储为svg格式

3、将svg  import到网站http://icomoon.io/app/,然后选中页面下方右边Font,

并  download下来

4、将项目中/www/fonts文件夹替换

5、将style.css文件中的内容拷贝到  font-icon.less,注意不要改动上面文件的引用相对路径

6、修改字体图标的路径@font-face {src:url}

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容