问题标签 [glyphicons]

我正在尝试使用来自 Icomoon 的 .woff 字体，这样我就可以将字形添加到页面上的各种元素中。但是，我该如何使用它们？这是我尝试过的：

无字体

索引.php

字体似乎变了，但没有字形。我使用的图标集是 IcoMoon 来自：http: //icomoon.io/app/#/select

我在这里错过了什么吗？我正在使用 Bootstrap，并希望以与 Bootstrap 相同的方式包含它们（不必包含带有跨度标签的字母）。

有任何想法吗？

I need to build an interactive map of South Africa so that when someone clicks on the provinces the right Google Map displays. I eventually opted to convert a vector based map of South African provinces I have to fonts/glyphs. This worked super well and you can view them here.

http://vane.co.za/files/south-african-province-glyphs/demo.html

EDIT: I've added a jsFiddle here for the map

The map is one whole map of South Africa with its different provinces so what I did was take each province from within illustrator and copy them into a new document. I then clipped the white board to fit exactly around the edges ensuring that every SVG file I saved was exact.

I saved every file as an SVG and imported it to IcoMoon which then converted it to a font for me. So far so good.

I would assume that that when I import these fonts without a font size, they should all render in their original size so that I can piece together the different province maps into one whole South african map but this is not the case.

I thought that giving them an equal EM sizes will scale them proportionally so that each one is it's own correct size but this has not worked either.

Is there a way to match these maps up so that they all fit perfectly back to the country map again?

I hope this makes sense?

EDIT:

I've gone back to http://icomoon.io where I generated the glyphs and figured out that they are being created at 16px X 16px. However, even if I scale them by px according to the size I want them, they still do not slot into one another correctly.

In Firebug I am nulling all the font sizes and using the layout inspector. These are all the width sizes I managed to get; the heights are all 16px.

The example below is my attempt at scaling the glyphs up manually but the smaller provinces can be seen in the top left.

EDIT: These are the actual sizes they need to be in order for them to puzzle together nicely inside that white block:

我无法让 glyphicons 应用于我的 i 类。不知道为什么。我的代码是：

我的 HTML 是（测试用例减少了 80%）：

我的 CSS 直接来自 Bootstrap.css（2.3.2 版）本身：

但是，唯一应用的样式来自我的 style.css http://rsatestamle.dminsite.com/Styles/style.css

所以我现在不确定如何使用字形图标。我认为这很简单：/不知道我做错了什么。看起来很轻松。

嗨，我有 5 星评级系统，我想做它，这样我就可以添加 4.3 星而不是 4 星。我该怎么做？我当前的代码如下：

我在我的网站上丢失了我的 Glyphicons，它们正被空盒子所取代。我已经看到了 Bootstrap 3 和 Glyphicons 的很多问题，但到目前为止我发现的修复都没有帮助我。我最近升级到 gem 'bootstrap-sass', '~> 3.1.0.0'。我认为我的语法是正确的。是否有可能需要更改的 Glyphicons 路径？

以下是我放置 Glyphicons 的三个地方：

想象一下，我在导航栏中有以下下拉菜单：

我想用字形标记活动项目。带有“Test 1”的非活动项应与活动项“Test 2”具有相同的缩进。我试图通过添加一个不存在的字形图标来实现这个目标。这在 Boostrap 3.0.3 中是可能的，但在新版本 3.1.0 中，这个“技巧”不再起作用了。

使用 ASCII 和 Bootstrap 3.0.3：

使用 ASCII 和 Bootstrap 3.1.0：

在RoelN 的帮助下，我的初始任务中，我能够将南非各省转换为 SVG 地图，并将地图很好地拼凑在一起

我现在需要为我已经开始做的这张地图制作动画，但是因为这些地图都是绝对定位的并且彼此重叠，所以当您尝试选择正确的地图时会出现问题。

简单的动画：

• 滚动一个省份，省份规模扩大50%
• 当前省份的推出，地图缩放回原来的大小。

也许最好的方法是在当前地图处于激活模式时停用所有其他地图？

这是最新的 Fiddle（aaaaaargh 不允许发布 Fiddle 链接！太多重复，我在 jsFiddle 有一个工作版本！！！！）编辑：请参阅下面评论中的 jsFiddle 链接

这是代码。

我正在从引导程序创建本地 HTML UI 字体图标，但不会在 Firefox 中加载，它们在 Chrome 和 IE 中会加载。

不工作/不适用： https ://superuser.com/questions/446001/firefox-cannot-render-icons-from-font-awesome-webfont-set

字形图标未加载

Bootstrap 3 cdn glyphicons 仅在 Firefox 中不加载

引导程序 3 中的字形图标无法在 Firefox 上呈现

https://github.com/MaxCDN/bootstrap-cdn/issues/196

我在使用 glyphicons 的 rails 应用程序中有一个导航栏。除非我在标签前面放一个“”，否则我似乎无法设置字形和链接标签之间的间距。

任何人都可以提出更好的解决方案。谢谢！

我是 www.xlent.se 的开发人员，如果您尝试在 IE 或 FF 中加载页面，您会注意到所有图标都被“十六进制块”替换。

仅在将项目从开发服务器迁移到生产服务器后才出现问题。我不确定这是否是由于缓存或 MIME 类型或其他原因。