字体图标

2018-03-22  本文已影响26人  凌晨的夜

网址: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}

上一篇 下一篇

猜你喜欢

热点阅读