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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

Can I use?

? http://caniuse.com/

Less

? http://lesscss.org

Cool Libraries

? Bootstrap from Twitter

这是一个创建于 507 天前的主题，其中的信息可能已经有所发展或是发生改变。

通常是这么用的：

.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>

3 条回复

lingyired

2022-12-14 23:40:17 +08:00

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

zenoven

2022-12-15 00:41:20 +08:00 via iPhone

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

wdssmq

2022-12-15 13:12:15 +08:00

因为实际使用的时候这里可以写上任何其他内容