有关于content里面的图标调整大小的问题

我想在这里陈述一下我今天遇见的问题：
我们都知道前端在引用图标的时候：

1. 在线引用：
   iconfont 阿里巴巴图标库里面所有的图标，都加入到我们的购物车中，然后在线更新超链接，引用到我们的html代码中，然后在我们的代码体设置span标签（随便什么标签了），设置的类名格式为iconfont icon的复制名字
   设置我们图标的大小在这里用的是font-size属性，当然，调整的颜色也应该用color属性

2. 下载png图片：
   如果是离线下载的图标，有个弊端就是颜色无法随意更改，下载好的颜色必须要提前选好的，这种情况多数都是用伪元素辅助锁定选择器的，所以调整大小的方式为：

//选择圆形的样子
content:'';
display：block;
width:20px;
height:20px;
background:url(..../img/circle.png);
background-size:cover;

就像我今天碰到的问题就是：circle图片下载一开始是选择的状态，但是没有办法按住变成另外一张选中带对勾的图片，所以我会让选中的circle圆形跟上面的宽高大小相同，只是不同的是

//选择圆形带对√的样子
content：'√';

让上面的圆形选中的时候回出现内容为对号的内容~~