Iconfont的symbol使用方式的几个技巧

原创 阿波罗D波 随笔 学习收获 180阅读 2018-07-06 18:33:46 举报

1.前端与设计师合作,设计师把项目要用的icon都放到了iconfont官网建的项目里,设计师上传的icon都是按照iconfont官网给的模板1024*1024px上传的。那么前端怎么通过font-size控制icon的大小保持和项目设计稿中icon的大小一致呢?通过测量设计稿上icon的大小,假如icon是正方形,测量的宽高是50px,那么我们的font-size就设置成50px。

2.按照iconfont官网symbol介绍的使用流程步骤使用,具体在这里就不写了。在网上找的几个注意点以及技巧:

建议把stroke-width的值设为百分比。

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复