iblessyou
V2EX  ›  问与答

bootstrap 的图标本质到底是什么

  •  
  •   iblessyou · Sep 17, 2018 · 2207 views
    This topic created in 2977 days ago, the information mentioned may be changed or developed.

    一直在用但以前没想过 它可以用 font-size 控制大小,看起来像特殊字符,但是不能像普通特殊字符一样直接复制 说是图片在页面信息也找不到,更别提后缀名什么的 还是 CSS 什么的通过某种方式做出来的

    yimity
    yimity
    Sep 17, 2018
    1
    它是字体,和我现在写的这段文字一样的字体。
    复制不出来是因为使用了 CSS content 的方式。
    如果使用实体字符的形式就可以复制出来了。
    jadec0der
    jadec0der
    Sep 17, 2018
    2
    你指的是 Glyph 吧,官方文档里开头第一句不就告诉你是字体吗

    https://v3.bootcss.com/components/

    「包括 250 多个来自 Glyphicon Halflings 的字体图标。」
    kerr92
    kerr92
    Sep 17, 2018
    3
    专业术语叫 Icon Font,你看到的本质上是使用 PUA ( Private Unicode Area )码位 Unicode 编码的字符。
    mmdsun
    mmdsun
    Sep 17, 2018 via Android
    4
    字体图标
    harde
    harde
    Sep 17, 2018
    5
    楼主看起来年龄不大,不然应该知道 Word 自带的 Wingdings 系列字体,原则上,Bootstrap 的图标和 Wingdings 字体都是一样的,不一样的无非是编码~
    iblessyou
    iblessyou
    OP
    Sep 18, 2018
    6
    @yimity
    @jadec0der
    @kerr92
    @mmdsun
    @harde
    感谢楼上各位,就不一一回复了,在看到可以用 font-size 控制就猜是字符了,只是没理解为什么字符不能选定,刚才搜了下 icon font 百度首页 https://www.cnblogs.com/song-song/p/5212706.html 这里就是详细介绍。贴上来留给以后和我遇到同样问题的人看。
    jadec0der
    jadec0der
    Sep 18, 2018
    7
    @iblessyou 还是感觉你的想法怪怪的,不能选定不是因为这个吗?

    iblessyou
    iblessyou
    OP
    Sep 18, 2018
    8
    @jadec0der 的确对前端不太熟悉,刚去补了下 before 的知识,感谢了
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1119 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 33ms · UTC 23:25 · PVG 07:25 · LAX 15:25 · JFK 18:25
    ♥ Do have faith in what you're doing.