bootstrap 的图标本质到底是什么

2018-09-17 16:05:48 +08:00
 iblessyou

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

1515 次点击
所在节点    问与答
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
字体图标
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 的知识,感谢了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/490115

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX