Font Awesome thickness as icon vs CSS content pseudo selector

Question

我注意到将FontAwesome图标作为内容添加到CSS伪选择器与实际图标标记时，厚度会变粗。我无法弄清楚是什么原因引起的。在Chrome和Safari中看到它......

稀释剂

<i class="fa fa-toggle-on"></i>

VS。较厚的

span:after { 
    font-family:'FontAwesome';
    content:'\f205';
}