字体图标，为什么不设计成将 icon 的 unicode 写在 html 上，而要用上伪元素

[he2020]

通常是这么用的：

.fa-camera-retro:before {
  content: "\f083";
}

<p>
  <i class="fa fa-camera-retro"></i>
  <span>fa-camera-retro</span>
</p>

为什么不设计成下面这么用：

<p>
  <i>\f083</i>
  <span>fa-camera-retro</span>
</p>

[lingyired]

camera-retro 比 f083 更清晰，一看 class name 就能知道大概是什么样的图标。

[zenoven]

那 HTML 写起来不是麻烦死了，维护也麻烦

[wdssmq]

<p>
<i class="fa fa-camera-retro"></i>
<span>因为实际使用的时候这里可以写上任何其他内容</span>
</p>