问题标签 [fontello]

我整天都在尝试让自定义图标字体在 IE 8 中工作（例如，使用Fontello或Icomoon）。

下载后，Fontello 和 Icomoon 都提供图标字体的“演示”页面。我一直在使用演示页面进行测试。

至于平台，我一直在ModernIE 的 WinXP VM 上使用 IE8。

我遇到的问题是字体加载正常的时间介于 50% 到 90% 之间。其余时间无法加载，如果使用 fontello，则应在其位置出现空白区域，如果使用 icomoon，则应在该位置出现框。

我觉得好像我已经尝试了互联网上任何地方提到的所有修复方法。

我要疯了吗？每次页面加载时都不能让图标字体在 IE 8 上工作吗？我必须接受零星的加载吗？

为了重现错误，只需从 icomoon 或 fontello 下载任何随机自定义字体，然后在 ModernIE 的 WinXP VM 上使用 IE8（如上所述）。我不能说其他配置（例如 Win7 上的 IE8），但我希望它们是相同的。

我正在尝试将我当前的项目移植到 Meteor，其中包含标准的 fontello 文件结构：

我已修改 fontello.css 路径以指向 Meteor 使用的“公共”文件夹：

因此，我已将上述“字体”文件夹移动到所述“公共”文件夹中。

另外，我创建了一个新的 Meteor 包，其中 package.js 文件包含：

我没有看到显示任何字体图标 - 有什么想法吗？

我正在使用预装了 fontawesome 图标的 Wordpress 主题 (Avada)。我的客户想使用http://fontello.com/的 lineicons ！他下载了 .zip 文件并将其发送给我。这是我所做的：

1) 解压 -zip 文件，得到以下文件： - css 文件夹 - 字体文件夹 - config.json - demo.html - README.txt

2) 我将 CSS 文件夹中的所有内容上传到：/wp-content/themes/Avada/css

3）我将字体文件夹中的所有内容上传到：/wp-content/themes/Avada/fonts/fontello/

4) 现在我打开 /wp-content/themes/Avada/css/fpslineicons.css 并将@font-face 设置为以下路径：

之后我去了我的管理面板并在我的首页上输入了以下代码：

我也试过：

你猜怎么着？什么都没有显示。有人可以告诉我我做错了什么吗？我找不到问题所在。

谢谢，克里斯

我正在使用从Fontello生成的字体图标（网络字体） 。下载的包包括SVG 文件。

例子。我生成了仅包含 1 个图标（ mail-1 ）的 fontello 包，如下所示：

由于类似的代码，我需要在 CSS 中使用这个图标作为背景图像：

...我在https://css-tricks.com/using-svg/上读到了它...

但我不知道如何从我的 SVG (Fontello) 代码生成此数据：image/svg+xml代码。当然，我将这个 SVG 代码粘贴在背景中： url('data:image/svg+xml;...但它不起作用...帮助！

问题

<a>我在其上应用了 fontello.com 的字体图标的标签在网页上呈现如下，尽管它应该是这个左箭头或右箭头：

背景

我将此答案中的前四点用作使用fontello.com字体的教程。我不完全理解第五点（<i>标签部分），但它也是可选的。

...........

我需要一个<a>元素上的独立（即不带文本）字形图标，所以我这样做了：

和

在这个<a>元素的 CSS 中：

…………

这是从 fontello.com 下载arrows.css的文件夹中的文件：CSS

编辑@Pauli_D

是的，我在那里。我创建了一个小演示项目（我不知道如何在 JSFiddle 中添加 fontello，所以在这里发布代码）：

索引.php：

样式.css：

arrows.css 同上

.....................

我fontello.css在我的网站上使用。它在我的电脑和所有浏览器上都可以正常工作，完全没有问题。但是当我将它上传到服务器时，它无法正常工作。

位于fontello.css：Styles/css/fontello/css/fontello.css. 这是我的代码：

我正在使用 fontello 来显示如下共享图标。我正在尝试添加谷歌分析，这样如果有人点击它就会被记录下来。目前，我得到的只是空值。我的 GA 代码如下。如何修复它以记录是否在 facebook、twitter 或 instagram 图标上完成了点击？

我从 fontello 生成了一个自定义图标列表，我需要 2 个堆叠 2 个图标（因为我需要两个不同颜色的图标）。

最初，我将它包裹在一个处于相对位置的容器中，两个图标作为它们自己的绝对位置对象 - 但是，当我将它发送给开发人员时，他们要求它在一个对象中，否则他们必须更改角度代码列表，等等等等。

所以我在考虑使用:before 和:after。例如：

但是，我在之前输入的相同代码可以工作，但是当我将伪类更改为 :after 时，它被破坏并在页面上留下一个大矩形。我不明白为什么会这样。

谁能给我一些提示？

我是图标字体的新手。

我看到 fontawesome 真的很棒，尤其是（从我的角度来看）fa-stack、fa-2x、fa-rotate-# 等类，因为它们增加了可用的图标。

丰泰罗也超级棒。特别是（再次从我的角度来看）因为我可以找到更多图标，并且只使用我真正需要的图标。但是，我在 fontello 生成的 css 中找不到所有那些很棒的 fontawesome 实用程序。

所以问题是：我可以将 fa-xxx 实用程序与 fontello 获得的任何图标一起使用吗？或者，我可以包含 fontawesome css 并将其成功应用于 fontello 图标吗？或者，是否可以将 fa-xxx 实用程序移植到 fontello.css 中？

更新：

我测试了这个场景：导入 fontawesome css 并将其应用于 fontello 图标；这是 Google Chrome v43 中的结果：

• fa-stacked with mixed fontello 和 font-awesome 图标似乎可以工作（也许垂直居中并不完美，仍然很好）
• fa-2x 工作
• fa-flip-xxx 和 fa-rotate-xxx 不起作用
• fa-spin 和 fa-pulse 确实有效
• fa-border 做事

我不知道这是否适用于所有浏览器/平台。我不知道为什么翻转和旋转不起作用。

下一步可能是尝试将 fontawesome 类包含到 fontello-codes.css 中，以便仅使用 fontello 图标字体（ --> 较小的图标字体）

我有一个问题，我的 Fontello 自定义下载在 iOS 的 Chrome 和 Safari 上加载，但在 Android 或桌面浏览器上没有加载（调整窗口大小时）。该字体用于每个帖子中移动共享按钮中的图标。

网站：http ://www.mtscollective.com

加价：

CSS：

我真的不确定是什么使它无法在任何地方工作。我已经清除了 iOS 上的缓存，以确保它正在读取最新的代码。

任何帮助将非常感激！