美文网首页
iconfont方法总结

iconfont方法总结

作者: desperadokk | 来源:发表于2019-02-19 20:11 被阅读0次

切图

选择psd格式的图片,图标右键选择对应图层,在对应图层上右键选择Duplicate Layer复制图层保存在新的文档,然后对新的图像进行裁剪,重新调整图像大小Canvas Size,然后导出。css中改变图像的宽,它的高会自适应的。









如果没psd格式的图片是png格式,则先选中需要的图标,然后用Crop裁剪,然后用魔法工具选择需要的部分,然后右键反选再按delete就可以把不需要的部分抠掉,然后和之前一样先Trim,然后再调整Canvas Size大小。


img法


background法


雪碧图

用雪碧图sprites做图标,直接在google搜css sprites generator然后上传图片自动生成,然后下载生成的图片,复制代码即可。


iconfont

SVG

相关文章

网友评论

      本文标题:iconfont方法总结

      本文链接:https://www.haomeiwen.com/subject/lchtyqtx.html