问题标签 [icon-fonts]

我的 HTML 是这样的：

我正在使用 fontello 图标字体系统，但是，我似乎无法弄清楚如何让 Facebook 一词消失而图标仍然存在！生成的内容如下所示：

谢谢

（注意：我知道我可以在文本中添加一个跨度并切换它，但我认为可能有一种纯粹的 CSS 方式来做到这一点？）

最初的问题是，我需要一个可以应用阴影（文本阴影）的徽标，并使其也可以在视网膜显示器中使用。如果它们必须支持视网膜和非视网膜显示器，那么使用 Photoshop 制作的带有阴影的 Png 就不会真正起作用。

如果您使用例如，您将如何编写 html

我想搜索引擎等知道它说什么。对于图像，您可以使用 alt-tag。你会在这里做什么？

回到版本 2，Twitter Bootstrap使用<i>元素来分配图标字体，如下所示：

最近建议使用多个类名而不是通配符选择器：[class^="icon-"]:before, [class*=" icon-"]:before所以现在我们有这样的东西：

我的问题是，由于以下原因，第二个 html 片段是否比第一个更高效？：

1. 少了一个 HTML 元素
2. 多个类名比通配符选择器更快

我已经将一些链接设置为看起来像按钮。这些“按钮”包括使用元素添加图标字体的图标:after。

作为响应式布局，按钮需要在多种屏幕尺寸上工作。当放置在一个灵活的容器中时，:after元素会溢出它的父元素。

示例： HTML 基本上看起来像这样：

使用以下 CSS 代码：

看看这个小提琴：http: //jsfiddle.net/r6uLJ/

当您缩小窗口大小时，您会看到两个三角形（蓝色）溢出按钮（带有灰白色渐变）。我可以做些什么来避免这种情况，但仍然为此使用伪元素？

我们在整个站点中使用 fontello 图标，并且 90% 的时间它们在所有浏览器中都能正确显示。出于某种原因，当我们在 html doctype 之前进行 var_dump (PHP) 代码时，它们都会变成奇怪的字符（见下图），并且只有在清除缓存时才会修复。

正确的图标：

图标有时如何出现：

导致此错误的源输出示例如下：

I am currently running a Magento Store through Cloudflare and I have been experiancing duplicate orders which some stack overflow users have suggested is due to Cloudflare. In order to test this, while still using my Cloudflare subscription to some extent, I decided to create CName Records (eg: cdn1.mydomain.com) for my Media, Skin and JS files and have cloudflare only serve these resources.

It seems to be going well except I am getting strange behavour with FireFox browsers.

My styles get linked to the page correctly with the following code:

In my style sheet I link to my font packs with the following code (from IcoMoon):

This all works perfectly fine with cloudflare enabled on my root domain and when it is disabled, however, when I turn it on for cdn1.mydomain.com.au, my icons in FireFox no longer load. They do however load in Chrome with no problems.

When looking at the net tab in fire bug, I can see that Fire Fox is indeed finding and downloading the font pack as it responds with a Success Header(200 OK).

Is there anything I am missing as to why FireFox would struggle with showing the font pack?

我在应用程序中使用 Icomoon - 我遇到了少量图标无法显示的问题。我已经通过 Icomoon 应用程序下载了所有图标，这是最新版本 - 全部 450 个都被选中。

我只尝试了一个没有其他 CSS 的空白页面，但如果是我的应用程序中的某些 CSS 导致它，它们仍然无法工作。

在上面，条形图显示正常，但用户和搜索不能。

这是我的 style.css 文件（截断）：

如果我打开 icomoon.svg（我可以“编辑”的唯一一个），那么 92 和 a0 都在那里：

此外，在从 icomoon 应用程序创建的演示 html 文件中，从 7f（下载）到 a0（搜索）的所有图标都显示为空白 - 我尝试使用的两个图标都属于此范围。

知道为什么有些会显示而有些不会显示吗？

我正在使用 fonttello，但它不会从中心缩放。

我的 html

css

嗨，我已经使用 icomoon 的字体图标作为图像替代品建立了一个网站。一切都很好，但是在 ie7 中它们显示带有文本装饰下划线。

当在除 ie7 之外的所有浏览器中使用的链接中使用时，我使用了一个类来阻止这种情况。我将图标作为“a”中的数据图标和跨度中的链接文本放入。像这样上课..

这在除ie7之外的所有浏览器中都很好？？？

即使在<i>元素中它也会添加一个随机下划线，所以我再次添加了一个样式

仍然没有喜悦。

Any help would be greatly appreciated.

我正在使用 Bootstrap 的 glyphicon 字体在菜单链接中呈现图标。它们有一个 CSS :hover 效果，使它们在悬停时改变颜色。对于大多数字形图标来说，这工作得很好，但由于某种原因，当使用“打开文件夹”图标时，图标的右侧部分在悬停时没有正确着色——它仍然是默认的、未悬停的颜色。

它只发生在 Mac 上的 Safari 上（似乎在 Chrome 上运行良好）。我附上了截图。有什么想法吗？