问题标签 [font-awesome-4]

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 投票
1 回答
1153 浏览

css - 无法呈现字体真棒图标

我正在使用以下代码来呈现字体真棒图标

索引.html: <link rel="stylesheet" href="/bower/fontawesome/css/font-awesome.min.css">

在页面上:<p><i class="fa fa-gear fa-5x"></i> fa-gear</p> 这导致 - 请参阅下图了解结果:

在此处输入图像描述

但是当我将其更改为 <p><i class="fa-square-o"></i> fa-gear</p>使用类fa-square-o时,我看不到正确的结果。请参阅此图片

需要做什么来解决这个问题?

在此处输入图像描述

0 投票
1 回答
1716 浏览

html - fa-arrow-circle-o-down 和 fa-arrow-circle-down

我想使用fa-arrow-circle-down类似的图标,fa-arrow-circle-o-down但这是不可能的,因为这两个图标没有相同的箭头类型。我们可以创建fa-arrow-circle-o-downwidthfa-arrow-circle-down的箭头吗?

0 投票
2 回答
401 浏览

font-awesome - 从 Font Awesome 4.1 升级到 4.2 - 图标显示为框

我正在运行一个使用 4.1 下的 Font Awesome 图标的简单网站

我很想升级到 4.2 广告,我认为这只是将 4.2 min.css 文件的内容复制到我服务器上现有的 4.1 min.css 文件中的问题,但这导致所有图标都显示为空框。

请问我做错了什么?

0 投票
2 回答
4790 浏览

html - 如何在我的社交图标周围制作圆形边框?

我想让我的社交图标有一个圆形边框。我希望我的社交图标具有与此网站完全相同的边框:http ://www.krishinternationalinc.com (如果您一直向下滚动到底部,您可以看到社交图标)。我已经尝试过使用边框半径,但它在 100 像素后没有任何改变。另外,如何使图标彼此间隔?如果链接无效,请访问谷歌并输入 krishinternationalinc.com 并单击第一个链接。

0 投票
1 回答
1075 浏览

javascript - Grunt copy 和 fontawesome 字体

我已经用 bower 安装了fontawesome,并且正在使用 grunt 的“grunt-contrib-copy”将它复制到一个 diff 目录。

当我手动复制它时,字体工作......但是,当 grunt 这样做时,它们不起作用。

现在,我检查了文件,我注意到 grunt 的副本可以正常工作,它增加了文件大小!

fontawesome 的文件大小:

grunt 复制后的文件大小:

这是我的 gruntfile.js 片段:

0 投票
1 回答
2149 浏览

twitter-bootstrap - 选择的 FontAwesome 图标的完整列表

我正在尝试使用 FontAwesome 图标的完整(v 4.2)列表填充 Select Dropdown。我能找到的最接近的列表在这里,但它已经严重过时了。有没有人可以参考我的清单?

0 投票
1 回答
1447 浏览

html - FontAwesome; Not working

This should be simple. I just want to display the font-awesome remove font, and the font awesome fa-camera-retro font. What on earth am I doing wrong. I made sure I am using the right class; I examined the website and just simply downloaded the CDN.

Copy this file to your hard drive and call it Index.html; Examine this through ANY browser; It will not work. Somehow it works on Fiddle! WTF?

0 投票
1 回答
1304 浏览

twitter-bootstrap - 引导导航栏中的字体图标使用哪个元素

Bootstrap 3 导航栏使用 glyphicons 和 Font Awesome 图标,如下面的 html 所示。Bootstrap 手册推荐使用 span 元素:

FontAwesome 网页推荐使用 i 元素:

使用 i 元素使图标比使用 span 更大。越大越好看。

字体图标应该使用哪个元素?

ASP.NET MVC4 用于服务器。

0 投票
2 回答
2533 浏览

java - 自定义 TextView 字体不适用于从 java android 设置文本

我创建了一个自定义 TextView 来使用 Font Awesome 支持,当您&#xf179;在布局 xml 中添加文本(unicode)时它工作正常。但是,如果我尝试使用 动态设置来自我的适配器的文本view.setText(),则它不会应用字体。

字体视图类

用于布局的 XML

我的适配器

请帮助我做错了什么。

0 投票
1 回答
890 浏览

html - 为什么点击搜索图标什么都不做?

由于某些原因,当我在搜索框中输入值并按搜索图标时,它不会热输入。它只发生在FF中。在 chrome 中,如果您按搜索图标,它会起作用。

款式:

知道如何解决这个问题吗?我的意思是当图标搜索被按下时按钮不应该是可点击的吗?