V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Can I use?
http://caniuse.com/
Less
http://lesscss.org
Cool Libraries
Bootstrap from Twitter
Jetstrap
he2020
V2EX  ›  CSS

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

  •  
  •   he2020 · 2022-12-14 22:41:22 +08:00 · 1199 次点击
    这是一个创建于 701 天前的主题,其中的信息可能已经有所发展或是发生改变。

    通常是这么用的:

    .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
        1
    lingyired  
       2022-12-14 23:40:17 +08:00
    camera-retro 比 f083 更清晰,一看 class name 就能知道大概是什么样的图标。
    zenoven
        2
    zenoven  
       2022-12-15 00:41:20 +08:00 via iPhone
    那 HTML 写起来不是麻烦死了,维护也麻烦
    wdssmq
        3
    wdssmq  
       2022-12-15 13:12:15 +08:00
    <p>
    <i class="fa fa-camera-retro"></i>
    <span>因为实际使用的时候这里可以写上任何其他内容</span>
    </p>
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3448 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 04:42 · PVG 12:42 · LAX 20:42 · JFK 23:42
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.