问题标签 [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 投票
2 回答
1168 浏览

asp.net-mvc - 如何强制 MVC4/Razor 在 SelectListItem 内呈现标签?

我可以在选项标签中添加标签,并且它可以工作(不知道它是否是有效的 HTML4/5,但它至少在 Firefox 中有效):

我在这些选项标签中放置了 Bootstrap/FontAwesome 网络字体图标。

但是我使用的是 MVC4/Razor,我无法获得正确的语法来使其正确呈现。它对所有这些内部标签进行编码,我得到<,>等。

这就是我正在做的事情:

我如何让这个工作?

0 投票
2 回答
1006 浏览

google-chrome - Grails / Chrome 错误:资源解释为字体但使用 MIME 类型应用程序/八位字节流传输

如何在 Chrome 中设置 woff 字体的 mime 类型,就像 font-awesome bootstrap 库使用的那样?

0 投票
0 回答
144 浏览

custom-font - 我如何在字体真棒插件中添加自定义字体???可以使用 EOT 文件完成吗?

我需要向 font-awesome 添加一些自定义字体并在我的网站中使用它。EOT 会对此有所帮助吗?如果是这样,添加这些自定义字体的程序是什么,或者有没有其他方法可以做到这一点?

0 投票
2 回答
60270 浏览

css - 如何在我的 svg 中包含一个很棒的字体图标?

我有一个包含图像的 svg:

如何用字体真棒图标替换该行:

似乎不起作用,因为图像没有显示出来。

0 投票
3 回答
15899 浏览

twitter-bootstrap - 在引导程序中使用 Font Awesome 而不覆盖字形

我想在我的引导应用程序中使用一些 Font Awesome 字体。这是一个遗留应用程序,客户不想要新图标。当前的图标是引导字形。Font Awesome 图标非常接近但不一样。没什么大不了的吧?我不应该能够使用字体系列来使用 Font Awesome 并为我想要的图标放入正确的字体。

我的项目中有 Font Awesome 'fonts' 目录。它包含4个文件:

我需要添加什么 css 才能使其正常工作?

我的 html 标记应该是什么样子?我见过这样的例子:

但是,当我这样做时,它不起作用。我知道我错过了几个步骤。有任何想法吗?

0 投票
1 回答
4472 浏览

twitter-bootstrap - 字体真棒 IE 7/8 支持

我的字体很棒,将它用作字体系列(不使用 css icon-* 类)。它在 FF、Chrome、Safari 和 IE9 中运行良好。但它在 IE 7 或 IE 8 中不起作用。我注意到这是一个 IE7 less/css 文件。我假设如果我是 IE 7 并且我包含这些东西会起作用???我是否也需要为 IE 8 包含它?

0 投票
10 回答
51886 浏览

css - 字体真棒图标在某些浏览器中不起作用

我正在使用 Bootstrap + Font Awesome,大多数桌面和移动浏览器都可以,但是 Font Awesome 图标不适用于某些浏览器,例如 Opera Mobile、Opera Mini 和某些版本的 Android 浏览器。只显示一个空白矩形。

有谁知道这个问题?并且,有解决方案吗?

谢谢

[编辑 2013-03-06 !重要] 我找不到任何明显的问题,所以我尝试了闻所未闻的解决方案。我尝试了两个在线字体转换工具。首先,我使用http://www.freefontconverter.com/将原始 FontAwesome svg 转换为 ttf。然后我使用http://www.font2web.com/将该 .ttf 转换为 .eot、.woof 和 .otf。

结果:opera mobile 现在可以正确显示图标。(我不知道有什么变化,但有效)

现在的问题是黑莓6。我用 BB Curve 9300、Modernizr 和 Google 字体测试了@font-face,一切正常。但是FontAwesome仍然不起作用......


[EDIT 2013-03-01] Opera mobile 10+ 支持@font-face,所以问题可能是另一个问题。我尝试使用带有@font-face 的另一种服务器字体并且工作正常,但是使用 FontAwesome 我无法正确显示图标。

在此处输入图像描述

[编辑 2013-03-03] 问题不仅在于我的网站,Font Awesome 网站示例和测试都不起作用......

在此处输入图像描述

[编辑 2013-03-4] 我尝试使用 Modernizr “font-face” 功能检测进行后备,但Opera Mobile 和 BlackBerry 6 返回 true,因为它们支持该功能。 如何检测是否加载了 FontAwesome 字体?

0 投票
1 回答
5709 浏览

css - Font-Awesome 重叠图标

我需要为我的排名应用程序使用图标。

我想从使用 icon-star-empty 的 5 个空星图标开始。

然后将它们与 icon-star 重叠以根据等级填充它们。

font-awesome 只有一半的空星,缺少一半的星。

有谁知道我是否可以重叠图标来实现我的目标?

编辑:这是 5 个完整的空星形图标的代码:

我想把它和这个重叠:<i class="icon-star-half icon-large"></i> 10x

0 投票
2 回答
1599 浏览

html - Fontawesome Bootsrap Icon Link 移除风格装饰

嗨伙计们,我有以下基本问题,但无法解决。

<a href="#download" class="noStyle"><i class="icon-cloud-download" style="font-size: 112px;"></i></a>

我试图通过在 CSS 中隐藏所有格式,但仍然无法删除样式

0 投票
15 回答
118651 浏览

android - 如何在原生 Android 应用程序上使用“Font Awesome”中的图标和符号

我正在尝试在我的应用程序上使用Font Awesome,我能够使用 集成字体Typeface.createFromAsset(),但我也想使用此字体提供的图标,但到目前为止我还不能这样做。

这种特殊字体包含 Unicode 专用区域 (PUA) 内的图标,用于媒体播放器控件、文件系统访问、箭头等。

有没有人在Android上使用过包含图标和符号的字体,这可能吗?