引导中怎么使用字体图标

引导中怎么使用字体图标,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

<强>什么是字体图标?

字体图标是在Web项目中使用的图标字体。虽然,Glyphicons半身人需要商业许可,但是您可以通过基于项目的引导来免费使用这些图标。

为了表示对图标作者的感谢,希望您在使用时加上Glyphicons网站的链接。

获取字体图标

我们已经在环境安装章节下载了引导3。x版本,并理解了它的目录结构,在字体文件夹内可以找到字体图标,它包含了下列这些文件:

glyphicons-halflings-regular.eot

glyphicons-halflings-regular.svg glyphicons-halflings-regular.ttf

glyphicons-halflings-regular。woff

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

<强>这里有200个班级,每个类针对一个图标。这些类的常见格式如下:

.glyphicon-keyword: before {,,内容:,“hexvalue",,}

<>强如需使用图标,只需要简单地使用下面的代码即可。请在图标和文本之间保留适当的空间。

& lt; span 类=癵lyphicon  glyphicon-search"祝辞& lt;/span>

关于引导中怎么使用字体图标问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注行业资讯频道了解更多相关知识。

引导中怎么使用字体图标