Bootstrap第八课

Bootstrap 字体图标(Glyphicons)

什么是字体图标？

字体图标是在 Web 项目中使用的图标字体。虽然，Glyphicons Halflings 需要商业许可，但是您可以通过基于项目的 Bootstrap 来免费使用这些图标。

获取字体图标

我们已经理解了它的目录结构。在 fonts 文件夹内可以找到字体图标，它包含了下列这些文件：

glyphicons-halflings-regular.eot

glyphicons-halflings-regular.svg

glyphicons-halflings-regular.ttf

glyphicons-halflings-regular.woff

相关的 CSS 规则写在 dist 文件夹内的 css 文件夹内的 bootstrap.css 和 bootstrap-min.css 文件上。

定制字体图标

定制字体尺寸

通过增加或减少图标的字体尺寸，您可以让图标看起来更大或更小。

定制字体颜色

应用文本阴影

本教程来源于 w3cschool