问题标签 [font-awesome]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
4 回答
12814 浏览

internet-explorer-7 - IE7 上不显示字体真棒图标

IE7 上不显示 Font Awesome 图标。他们在 IE8、IE9、FF 和 Chrome 上运行。

示例 HTML:

包括的文件:

对 .woff 的请求:

我已经在 Apache 的 /etc/apache2/mods-enabled/mime.conf 上配置了这个(并重新启动了 Apache):

我是否缺少任何配置?

0 投票
1 回答
4992 浏览

internet-explorer - 为什么在 IE 中不加载 Font Awesome?

在所有版本的 IE 中, Font Awesome 图标都无法在该网站上加载(它在 Chrome、Safari、Firefox 和 Opera 中完美显示)。我应该在以下条件 IE 语句中加载 IE7+ 对 Font Awesome 的支持:

我在两者之间加载了默认的 Font Awesome CSS,只是为了确保:before:after元素在用于以下任何样式表之前得到支持。任何想法为什么这些图标没有出现在 IE 上?

0 投票
4 回答
12056 浏览

jqgrid - jqGrid 寻呼机区域 - 使用 Font Awesome 图标

我想使用 Font Awesome 图标:

默认情况下在 jqGrid 分页器区域而不是物理图像中。

有谁知道如何实现这一目标?

在此处输入图像描述

0 投票
0 回答
138 浏览

jquery - 不能在 woff 上使用 jquery 事件?

我正在使用bootstrapand建立一个网站fontawesome。现在我想在一个图标上使用 JQueryonclick事件。icon-plus但是点击图标后什么也没发生。我找到了一些可以正常工作的引导程序示例,并将浏览器下载图标视为png. 但fontawesome提供图标为woff. 我的jQuery代码如下:

0 投票
3 回答
1231 浏览

ruby-on-rails - best_in_place gem:样式确定按钮

best_in_place运行良好,但我想为可选的“确定”按钮使用fontawesome图标,而不是字符串。如何将'<i class="icon-ok"></i>'.html_safe语法合并到:ok_button哈希中?

0 投票
3 回答
934 浏览

css - Twitter Bootstrap + Less:设置

如何使用 Less 设置 Twitter Bootstrap?我从http://twitter.github.com/bootstrap/下载 了 Twitter Bootstrap 库,在 CSS 文件夹中有 4 个文件:

然后我决定使用LESS。所以我去了 GitHub - https://github.com/twbs/bootstrap根目录中的文件夹名为less. 此文件夹包含 42 个 *.less 文件。我打开了bootstrap.less文件,其中包含了所有 *.less 文件,但我没有看到“响应式”less 文件。

第二件事 - 我必须下载所有这 42 个文件并将它们包含到一个文件中(bootstrap.less)?

没有更好的方法来安装Twitter Bootstrap + Less (+ Font-Awesome) 吗?

0 投票
3 回答
4309 浏览

ruby-on-rails - Rails:字体真棒不下载

我只是bundle update在我的项目中运行,并且 Font-Awesome 不再工作了。

我尝试了 font-awesome-sass-rails 和 twitter-bootstrap-rails (也包括 font awesome),并且我在它们中都有相同的行为:而不是图标,而是显示一个正方形。

我检查了编译的 CSS,并尝试下载字体:

所以我尝试下载 myapp/assets/fontawesome-webfont.woff,它成功了。我只是不明白这里有什么问题。

我的application.css.scss

例如,pontano-sans 按预期工作。

我的 Gemfile(只是资产组):

我在这里做错了什么?

提前致谢。


编辑!

看起来像一个错误:https ://github.com/littlebtc/font-awesome-sass-rails/issues/22

0 投票
4 回答
4260 浏览

css - 捆绑和缩小字体真棒css。在 mvc 4 中

我正在尝试缩小字体 awesome.css 但是当我最小化它时,它会显示不同的垃圾字符,例如:

上面是内容图标,如向上箭头等....

有什么办法可以克服这个问题?

谢谢

0 投票
43 回答
703602 浏览

css - Font Awesome 不起作用,图标显示为正方形

所以我正在尝试制作一个营销页面的原型,我正在使用 Bootstrap 和新的 Font Awesome 文件。问题是当我尝试使用图标时,页面上呈现的所有内容都是一个大正方形。

这是我在头部包含文件的方式:

这是我尝试使用图标的示例:

但是所有这些都呈现在一个大正方形中。有谁知道会发生什么?

0 投票
1 回答
529 浏览

internet-explorer - FontAwesome 仅在 IE9 中显示“有时”

我正在尝试用FontAwesome的自定义图标字体替换基于图像的图标。我找到了这个FontAwesome WordPress 插件,它可以为我做这件事。所有图标在以下位置正确显示:

  • OSX 谷歌浏览器 24.0.1312.52
  • OSX 苹果 Safari 6.0.2
  • OSX 使用 Internet Explorer 8.0.6001 运行 Windows XP VM

但是,这些图标不会显示在以下位置:

  • OSX Mozilla FireFox 18.0
  • 运行 IE9 的 Windows 7
  • 任何SauceLabs的 Internet Explorer 虚拟机

我检查了页面是否意外以怪癖模式呈现,但事实并非如此。我不知道问题可能是什么。有人可以帮我吗???

请在此处查看有问题的我的网站。我在这里设置了一个干净的测试页面,它似乎可以工作,这让我认为另一个插件正在弄乱我的网站,使图标不出现。

编辑:我相信我已经发现了问题。据我了解,IIS7 服务器不理解此处详述的 .WOFF 文件。所以我尝试将 .WOFF 文件上传到另一个非 IIS7 服务器,结果发现 Mozilla Firefox 不允许从单独的服务器加载字体。所以,基本上,我的 IIS7 服务器上必须有字体。从那以后,我向我们的 IT 人员发送了即时消息,但没有收到他的回复。