问题标签 [icon-fonts]

我在nav列表中使用图标字体，我希望文本位于两个图标之间。问题是图标和文本不匹配。图标区域明显高于文本，因此当它们都在基线上时，图标会高很多。我可以通过将文本放入 a 中来使用任何解决方案span吗？我试过调整我知道的每个参数：

HTML：

CSS：

任何人都知道如何从github 上的图标字体中提取矢量格式的图形？

例如，你将如何转换这个Font Awesome SVG：

到HTML SVG？

我无法显示我的图标字体。这是我的目录结构：

_文件夹包含_文件夹之外的css和字体文件夹我有demo1.html页面

这是我用于设置字体的代码：

html代码如下：

这是我设置的示例页面。字体代码在我的样式表的第 903 行。

谢谢-Sohail

我刚刚添加了一组新图标，但发现有些图标是重复的。我找不到删除重复项的功能。我发现的唯一清理方法是

1. 选择所有其他图标（很多）并尝试查找并取消选择重复项
2. 导出这个新集
3. 删除旧集
4. 导入新集

有没有更简单的方法？

谢谢

我创建了带有图标字体的简单网页页面。

jsFiddle 链接

和这里类似

js技巧

但我显示了其他图标......蛇而不是酒吧:)。

我的字体有什么问题？感谢您的回答。

代码在这里：

使用 gulp-iconfont-css，我正在尝试将 Material Design svg 编译成字体。这是我的 Gulpfile.js 的一部分：

现在我的模板：

问题：我的图标未加载当我创建这样的元素时：

我什么也没看见。并且字体永远不会下载到服务器上（在网络日志中）。此外，图标用不同的值定义了两次。提炼：

我无法在垂直中心对齐 icomoon。谁能帮我？

HTML：

CSS：

我无法发布图像。请想象输出

| | | 图片 |

| | [图标文本在这里，必须在行上方]

我正在尝试旋转一个图标，transform: rotateZ(90deg)但它似乎忽略了它。

当我向图标添加过渡时，我可以看到图标旋转的动画，但是当它完成动画时它会重新回到原位。

这里是：

我希望我的图标在我的文本旁边垂直居中，但是有一些奇怪的大小差异使它变得困难。

为什么我的图标字体呈现出这些奇怪的大小差异？

我正在使用 Bootstrap 中使用的图标字体方法（使用伪元素 :before 将内容放入）。

这是<i class='icon'></i>尺寸。

这是<i class='icon'></i>:before 大小。为什么不一样？

HTML：

CSS：

这个网站http://game-icons.net/提供了大量的开源图标。到目前为止，这已经是 1345 个 SVG 文件。我很想将它们与我现在正在处理的网络项目一起使用。合乎逻辑的步骤是将它们转换为图标字体。通常，我只会将它们上传到https://icomoon.io/app/#/select/font和瞧……但是！

图标是黑色矩形上的反向白色符号。我可以在 Illustrator 中反转颜色，但是一些图标具有重叠的形状，当 icomoon 试图使它们变成黑色透明时，这会破坏它们。

示例：http ://game-icons.net/lorc/originals/archery-target.html 圆圈是白色的，不透明。

如何将具有重叠形状的黑白 SVG 文件展平为 icomoon 友好的黑色透明 SVG？

我的愿望是让字体也开源，并将其发送回网站管理员，供大家欣赏。