问题标签 [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.
internet-explorer-7 - IE7 上不显示字体真棒图标
IE7 上不显示 Font Awesome 图标。他们在 IE8、IE9、FF 和 Chrome 上运行。
示例 HTML:
包括的文件:
对 .woff 的请求:
我已经在 Apache 的 /etc/apache2/mods-enabled/mime.conf 上配置了这个(并重新启动了 Apache):
我是否缺少任何配置?
internet-explorer - 为什么在 IE 中不加载 Font Awesome?
在所有版本的 IE 中, Font Awesome 图标都无法在该网站上加载(它在 Chrome、Safari、Firefox 和 Opera 中完美显示)。我应该在以下条件 IE 语句中加载 IE7+ 对 Font Awesome 的支持:
我在两者之间加载了默认的 Font Awesome CSS,只是为了确保:before
伪:after
元素在用于以下任何样式表之前得到支持。任何想法为什么这些图标没有出现在 IE 上?
jqgrid - jqGrid 寻呼机区域 - 使用 Font Awesome 图标
我想使用 Font Awesome 图标:
默认情况下在 jqGrid 分页器区域而不是物理图像中。
有谁知道如何实现这一目标?
jquery - 不能在 woff 上使用 jquery 事件?
我正在使用bootstrap
and建立一个网站fontawesome
。现在我想在一个图标上使用 JQueryonclick
事件。icon-plus
但是点击图标后什么也没发生。我找到了一些可以正常工作的引导程序示例,并将浏览器下载图标视为png
. 但fontawesome
提供图标为woff
. 我的jQuery代码如下:
ruby-on-rails - best_in_place gem:样式确定按钮
best_in_place运行良好,但我想为可选的“确定”按钮使用fontawesome图标,而不是字符串。如何将'<i class="icon-ok"></i>'.html_safe
语法合并到:ok_button
哈希中?
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) 吗?
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
css - 捆绑和缩小字体真棒css。在 mvc 4 中
我正在尝试缩小字体 awesome.css 但是当我最小化它时,它会显示不同的垃圾字符,例如:
上面是内容图标,如向上箭头等....
有什么办法可以克服这个问题?
谢谢
css - Font Awesome 不起作用,图标显示为正方形
所以我正在尝试制作一个营销页面的原型,我正在使用 Bootstrap 和新的 Font Awesome 文件。问题是当我尝试使用图标时,页面上呈现的所有内容都是一个大正方形。
这是我在头部包含文件的方式:
这是我尝试使用图标的示例:
但是所有这些都呈现在一个大正方形中。有谁知道会发生什么?
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 人员发送了即时消息,但没有收到他的回复。