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 日 · 1627 次点击
    这是一个创建于 1145 天前的主题,其中的信息可能已经有所发展或是发生改变。

    通常是这么用的:

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