bootstrap 的图标本质到底是什么

V2EX = way to explore

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

现在注册

已注册用户请登录

V2EX 提问指南

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

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

字符

font-size

Bootstrap

CSS

8 条回复

yimity

2018-09-17 16:11:44 +08:00

它是字体，和我现在写的这段文字一样的字体。
复制不出来是因为使用了 CSS content 的方式。
如果使用实体字符的形式就可以复制出来了。

jadec0der

2018-09-17 16:20:34 +08:00

你指的是 Glyph 吧，官方文档里开头第一句不就告诉你是字体吗

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

「包括 250 多个来自 Glyphicon Halflings 的字体图标。」

kerr92

2018-09-17 17:54:42 +08:00

专业术语叫 Icon Font，你看到的本质上是使用 PUA （ Private Unicode Area ）码位 Unicode 编码的字符。

mmdsun

2018-09-17 19:46:09 +08:00 via Android

字体图标

harde

2018-09-17 20:45:47 +08:00

楼主看起来年龄不大，不然应该知道 Word 自带的 Wingdings 系列字体，原则上，Bootstrap 的图标和 Wingdings 字体都是一样的，不一样的无非是编码～

iblessyou

2018-09-18 14:03:46 +08:00

@yimity
@jadec0der
@kerr92
@mmdsun
@harde
感谢楼上各位，就不一一回复了，在看到可以用 font-size 控制就猜是字符了，只是没理解为什么字符不能选定，刚才搜了下 icon font 百度首页 https://www.cnblogs.com/song-song/p/5212706.html 这里就是详细介绍。贴上来留给以后和我遇到同样问题的人看。

jadec0der

2018-09-18 14:24:47 +08:00

@iblessyou 还是感觉你的想法怪怪的，不能选定不是因为这个吗？

iblessyou

2018-09-18 18:19:10 +08:00

@jadec0der 的确对前端不太熟悉，刚去补了下 before 的知识，感谢了