如何将Bootstrap Glyphicons设置为快捷方式图标

时间:2014-07-22 10:46:43

标签: html css twitter-bootstrap-3

如何将Bootstrap Glyphicons设置为快捷图标?

对于我们使用的网站

<link rel="shortcut icon" href="images/logo-small.jpg">

如何将Bootstrap Glyphicons设置为glyphicon glyphicon-cloud

的快捷方式图标

2 个答案:

答案 0 :(得分:10)

你不能直接。 twitter引导图标是webfont,快捷图标需要是图像。

使用图像编辑器手动创建favicon图像文件。

更新:引导程序图标来自Glyphicons,其免费下载程序包包含引导程序云图标作为PNG。您将需要将其设置为16x16像素(正常分辨率)或32x32像素(视网膜)png,这将很好地引用,因为您已经知道如何:

<link rel="shortcut icon" href="images/cloud.png">

答案 1 :(得分:0)

在他们网站上的Bootstrap doc中,他们提供了各种类别的Glyphicons图标。 在这里,您只需将Glyphicons图像包含在项目的资源文件夹中。 他们给出的各种课程都是 图标玻璃,图标音乐,图标搜索,图标信封等等......

您只需在HTML页面中添加

即可
//it is for search icon
<i class="icon-search "></i>

//it is for user icon
<i class="icon-user "></i>