问题标签 [font-awesome]

我正在使用可用的最新可用版本。但是这些图标仍然在我的 IE9 应用程序中显示为框（注意：它在 IE8 上运行良好）。虽然打开 fontawesome 页面时，图标显示正常。

这是我在开发人员工具的控制台中得到的：

CSS3117：@font-face 跨域请求失败。资源访问受到限制。fontawesome-webfont.eot?#iefix&v=3.0.1 CSS3117：@font-face 跨域请求失败。资源访问受到限制。fontawesome-webfont.woff?v=3.0.1 CSS3117：@font-face 跨域请求失败。资源访问受到限制。fontawesome-webfont.ttf?v=3.0.1

我还发现它不适用于 Firefox。它仅适用于 chrome 和 IE8

任何可能导致问题的帮助？

这无疑是我在做一些非常愚蠢的事情，但我看不到。我正在尝试在我的 css 中使用 FontAwesome 作为字体系列，但它似乎不起作用。

用最少的代码，我有：

这清楚地显示为Times New Roman。

FontAwesome 字体本身存储在 assets/font/ 中，font-awesome.css@font-face定义了以下内容：

更改为..会assets给出一个明显的错误，即找不到字体，所以我很确定相对路径很好而且花花公子。如果我将其更改为font-family: FontAwesome,Arial;，它将使用 Arial。显然，它找不到 FontAwesome，我也不知道为什么。

为什么我无法将正文字体更改为 FontAwesome 有什么特别的原因？

我有一些看起来像这样的 CSS：

我想用Font Awesome中的图标替换图像。

无论如何，我看不到将 CSS 中的图标用作背景图像。假设在我的 CSS 之前加载了 Font Awesome 样式表/字体，这可能吗？

Twitter Bootstrap 的按钮有一个很好的Loading...可用状态。

问题是它只显示一条消息，就像Loading...通过这样的data-loading-text属性传递的：

查看 Font Awesome，您会看到现在有一​​个动画微调器图标。

在触发这样的操作时，我尝试集成该微调器图标Upload：

但这根本没有效果，也就是说，我只看到Uploading...按钮上的文字。

按钮处于加载状态时是否可以添加图标？看起来 Bootstrap 只是<i class="icon-upload icon-large"></i>在处于加载状态时删除了按钮内的图标。

这是一个简单的演示，显示了我上面描述的行为。如您所见，当它进入 Loading 状态时，图标就消失了。它会在时间间隔之后重新出现。

我使用CKEditor来更新我网站上的CMS内容。我还使用了 FontAwesome，其中包括一组精美的图标，可以像这样显示

问题是 CKEditori在客户端转义了这个标签，我在源代码模式下看不到它。

我怎样才能允许这个标签？我试过CONFIG.removeFormatTags = ''了，但它死无济于事。

使用Font Awesome，我想使用icon-remove图标。所以我有<i class="icon-remove"></i>我的 HTML，它工作得很好。但是，我想在 jQuery 中使这个可绑定来为我关闭一个 div。

所以我用：

但是，这不起作用。当我点击它时，什么也没有发生。

这是我使用过的 CSS（另请注意：cursor: pointer;不起作用）。

我到底做错了什么？

我正在尝试使用 .scss 将 font-awesome 更新到最新版本。

当我尝试使用 campass 进行编译时，它会引发此错误：

我花了整个下午寻找有同样问题的人，但没有找到任何东西......

任何猜测可能是什么问题？

泰！

我可能在这里遗漏了一些东西，但我觉得我已经按照 FontAwesome 的说明做了所有可能的事情，但我根本无法让那种漂亮流畅的字体正常工作。我的字体不太流畅，我什至不认为它设置为 FontAwesome。

这是一张显示我在 Firefox 中的问题的图片。在 IE9 中也是如此。

我正在使用 ASP.NET MVC 4 和 Bootstrap (less) 和 FontAwesome (less) 和 BundleTransformer。这是我的 BundleConfig 类：

我编辑了 bootstrap.less 文件以包含@import "font-awesome.less";而不是@import "sprites.less";，并且我更正了 font-awesome.less ( @FontAwesomePath: "../font";) 中 FontAwesome 字体目录的路径。

我的页面生成的源代码：

我已经验证生成的 css 中的字体路径指向正确的 FontAwesome 字体文件并且它们在那里。Firefox 在加载页面时会确认这一点：

我尝试将链接的字体系列设置为 FontAwesome，但随后字体完全关闭。

我在这里想念什么？

我想在鼠标悬停元素上显示 2x 图标大小。

我正在使用带有引导程序的 FontAwesome。我有一个这样的列表：

我想在鼠标悬停元素上添加“icon-2x”fontawesome css 类，以显示更大的图标，并在鼠标离开时删除该类。

我希望它看起来像 FontAwesome 主页示例。像这样：

我尝试使用 jQuery 查找元素以添加 css 类，但无法做到。

谁能帮我？

谢谢

我在我的项目中使用了很棒的字体(mvc/asp.net)。我的问题是，我正在调试项目并检查localhost，字体真棒图标没有问题。但是当发布网站并在网络上查看时，我看到的不是图标，而是小框。我确定它放置在正确的目录中（放置css文件的位置）。

我找不到任何合适的解决方案。

顺便说一下，按钮也没有问题。他们都很好，但图标不见了。

谢谢