问题标签 [glyphicons]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
6 回答
6794 浏览

jsf - 字形图标无法正确显示

我正在使用 jsf、primefaces 和 bootstrap 3 开发应用程序。

glyphicons 的测试页面完美地显示在我的浏览器中,但是当我尝试在 Web 项目中使用图标时,我只会得到奇怪的符号。

我最好的猜测是 glyphicons css 文件找不到字体,即使我也将它们复制到项目中并让相对路径相同:

如何确保 css 文件找到我的字体目录/修复此错误?

0 投票
1 回答
119836 浏览

css - 如何将 Bootstrap 3 的字形图标更改为白色?

我的页面中有字形图标,但它们是黑色的。如何将字形设置为白色?

0 投票
1 回答
13341 浏览

twitter-bootstrap - 无法正确显示 Twitter Bootstrap 字形图标

我正在阅读Angular.js Todo 应用程序视频教程,遇到了一个问题,包括 index.html 文件中的 Twitter Bootstrap 3 字形图标(在 Chrome 和 Firefox 中,图标显示为非描述性图像)。

这就是我在 index.html 中添加 bootstrap 和 bootstrap-glyphicons css 文件的方式:

这就是我稍后在文件中添加所需字形图标的方式:

bootstrap-glyphicons 字体文件位于 bootstrap/css/fonts 中。具体来说,这些文件是:

  1. glyphiconshalflings-regular.eot
  2. glyphiconshalflings-regular.otf
  3. glyphiconshalflings-regular.svg
  4. glyphiconshalflings-regular.ttf
  5. glyphiconshalflings-regular.woff

关于如何正确访问图标的任何想法?非常感谢你的帮助!

0 投票
4 回答
16273 浏览

datepicker - Twitter 的 Bootstrap Datepicker 缺少 Glyphicons

我正在尝试使用引导程序(http://eternicode.github.io/bootstrap-datepicker/)中的日期选择器,除了没有显示任何字形图标外,一切正常。

我看到 glyphicons 被移动到我正在使用的 bootstrap 3 ( http://glyphicons.getbootstrap.com/ ) 下的另一个目录,但我不确定如何集成它。

两个都

没用。

任何人都知道我如何将 bootstrap 3 与 twitter datepicker 集成?

0 投票
10 回答
90436 浏览

jquery - Twitter bootstrap 3.0 icon change on collapse

This is about Bootstrap 3.0. I would like the icon/glyphicon to change on collapse. I.e, from a closed folder to an open one.

I have searched far and wide, and have read threads here on SO, but to no avail. This thread was close, and is basically what I want. How can I make it work in Bootstrap 3?

0 投票
2 回答
1511 浏览

twitter-bootstrap - Bootstrap glyphicons appearing as squares

I'm running Rails 4 with the 'twitter-bootstrap-rails' gem (2.0.5) and some reason beyond me glyphicons appear solely as squares. The rest of bootstrap seems to be working fine. I've tried adding font-awesome directly but to no appeal. Any ideas on what cause bootstrap to function fully with the exception of glyphicons?

0 投票
14 回答
216898 浏览

css - Bootstrap 3 无法正确显示字形图标

我正在从 bootstrap 2.3 迁移到 bootstrap 3,一切正常。但是当我尝试添加一些图标时,图标字体无法正确显示。我试图在这里查看http://bootply.com/61521并且只有“.glyphicon-envelope”被正确显示。其他人则显示像'E001'等等。

我怎样才能解决这个问题?

对于其他浏览器,字形图标可以正常显示,只有firefox无法正常显示。

0 投票
10 回答
84595 浏览

css - 在按钮中居中 Twitter Bootstrap 3 Glyphicons

我现在正在使用 Twitter Bootstrap 3 RC2 以及已移至单独存储库的 Twitter Bootstrap。我注意到,如果在带有文本的按钮中使用该图标,则该图标不会很好地居中:

在此处输入图像描述

图标和文本具有相同的底线,但我相信对于一个好看的按钮,图标应该基于文本居中,不是吗?知道如何实现这一目标吗?

http://bootply.com/74652

0 投票
4 回答
61785 浏览

twitter-bootstrap - 如何在 3.0.0 中使用 Bootstrap Glyphicons?

我在 Bootstrap 中使用 Glyphicons。我直接从http://glyphicons.getbootstrap.com/css/bootstrap-glyphicons.css调用 CSS,但现在已经消失了,不推荐。

这显然与 Twitter 再次在 Bootstrap 包中提供 Glyphicons 不谋而合。我正在使用 Bootstrap 3.0.0 RC1 或 RC2。

我的问题:我不知道如何在我自己的主机中使用这些图标......在我看来,代码包含在 bootstrap.css(?)中。我已经上传了“字体”目录,但只得到空白的空框图标,其中应该有适当的图标。

请问有什么想法吗?应该在哪里以及应该如何调用它?

0 投票
0 回答
207 浏览

css - Bootstrap 3 中的字形图标在哪里?

目前我刚刚通过自定义选项卡使用一些自定义颜色下载了 Bootstrap 3 ,我得到了 2 个文件,一个用于 css,一个用于 JS。

问题是编译后的 css 不包含任何“glyphicon”值。从 bootstrap 3 glyphicons 开始阅读,字体移动到单独的存储库。

我还尝试从http://glyphicons.com(免费)手动下载 glyphicons,但所有图标都是 PNG 格式,并且没有 FONT 文件。

在我的自定义 bootstrap.css 文件中使用“用于引导的外部但部分免费的字形图标”字体的正确方法是什么?