iconfont

做前端或产品设计的人每天都要和图标打交道，但图标通常是页面里最不起眼的部分。按钮旁边的小图形能否让用户一眼看懂功能，直接影响操作效率。一套风格统一的图标，也会让界面看起来更可靠。所以不少团队会把图标资源管理放进基础建设里。阿里云矢量图标库（iconfont）是国内用的人很多的图标平台，下面按实际使用的顺序讲它怎么找图标、怎么接入项目，以及容易踩的坑。 阿里云…

做前端的人大概都遇到过这种情况：设计稿上的小图标切到页面里，要么发虚，要么颜色怎么调都对不上。提到“阿里云 icon”，多数人想到的是阿里巴巴矢量图标库，也就是 iconfont。它和阿里云的控制台视觉体系有关联，但用法和边界并不相同，先分清楚，能少踩不少坑。 阿里云 icon 一般指哪几类 平时说“阿里云 icon”，通常会混着三类东西。第一类是 icon…