问题标签 [fontawesome-4.4.0]

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 回答
105 浏览

font-awesome - 了解堆叠图标的尺寸和对齐方式

我对 FontAwesome 及其堆叠机制很感兴趣,并想为“非照片文件”创建一个图标(......不管那是什么。我只是想表明它可以完成,没有更深层次的目的......)

见例子@http://jsfiddle.net/mbaas/s00uh5ce/1/

我正在构建一个将一个图标与另外两个图标组合在一起的堆栈(我认为由于垂直调整,它们需要单独堆叠......)。

基本上我有这样的块:

正如您在小提琴中看到的那样,各个图标看起来很棒,但我正在努力解决这些与周围文本相关的对齐问题。我想看到的是这些图标与它们后面的文本共享相同的基线 - 但我不想对文本应用任何东西- 如果所有调整都可以在图标本身内完成,那就太好了......

0 投票
3 回答
335 浏览

html - 由于一段 CSS 代码,Font-Awesome 图标未加载

我正在尝试将 font-awesome 集成到一个 web 项目中,但是在我的 css 中识别出的一小段代码使 font-awesome 图标显示为白色方块。当我删除 CSS 代码的一点点和平时,它可以工作,但由于当前的网站布局,我无法删除它。有没有办法让图标正确显示?

这是阻止布局所需图标的代码:

在我的自定义 css 代码之前或之后是否包含 font-awesome css 并不重要。问题依然...

0 投票
3 回答
6540 浏览

css - Rails - 使用字体很棒的图标

我有一个 rails 4 应用程序,并且正在尝试使用其中的字体真棒图标(用于社交媒体登录链接)。

我有:

在我的宝石文件中:

我也在使用引导 sass。

在我看来,我尝试:

它呈现“<>>”,中间没有任何内容。

我也试过:

我犯了同样的错误。

当我尝试:

我收到此错误:

有谁知道如何在 Rails 中使用 font-awesome?

新尝试:

这可以很好地制作链接,但我正在尝试在图标上设置样式。

我已经定义了一个名为 :facebookauth 的 CSS div。

当我将上述内容更改为:

或尝试:

链接消失。我想让尺寸更大并使用我的颜色样式。如何将 CSS 放在这些链接上?

0 投票
1 回答
457 浏览

internet-explorer - font-awesome 和 Roboto 的 IE 问题无法在服务器上运行

我在项目结构中使用了 yeoman 生成器,并包含了用于 font-awesome 和 Roboto 的 bower 组件。字体在 grunt serve 上加载良好。我还尝试运行在 dist 文件夹中创建的 index.html ,它再次正常工作。即使是在我的本地 tomcat 上托管时使用 Jenkins 构建创建的 .WAR 文件也可以正常工作。但是当代码部署在 Server Roboto 上时,Font-awesome 无法正确呈现。我检查了网络选项卡以查看是否正在下载可见的字体。有人能指出我正确的方向吗?

0 投票
1 回答
121 浏览

twitter-bootstrap - 为 Font Awesome 重写 glyphicon 代码

我目前正在使用以下代码在我的标题中显示几个字形图标(glyphicon-chevron-down 和 glyphicon-remove-sign):

我刚刚发现了 Font Awesome 的最新库,并想尝试一下。我应该如何修改上面的代码来替换 glyphicon-chevron-down 呢?

PS我应该补充一点,如果可能的话,我想简化我的代码。四个单独的跨度太多了。;)

0 投票
0 回答
154 浏览

css - 字体真棒 4.3+ 微调器 Mozilla 故障

在旋转 fa-spinner 时,有时会在旋转圈周围显示一条线。故障似乎只出现在 Firefox 中(我使用 44.0.2 版本)。这是一些小提琴:

0 投票
2 回答
830 浏览

html - 将文本右对齐并对齐图标

在此处输入图像描述

正如您在上面的图片中看到的,我想将圆圈中的文本向右对齐,我也试图证明字体真棒的图标但它不起作用。有人能帮我吗?或者给我一些想法如何去做。

这是我的html代码。

这是我的CSS

0 投票
1 回答
2339 浏览

laravel-5.2 - fontawesome 不在本地显示

我在我的 laravel 项目中使用 fontawesome,问题是如果我在本地使用它而不使用 CDN,它不会显示。

<link href="{{ URL::asset('css/font-awesome.min.css') }}" rel='stylesheet' type='text/css'>

NetworkError: 404 Not Found - http://localhost/mysite/fonts/fontawesome-webfont.woff2?v=4.6.3"

"NetworkError: 404 Not Found - http://localhost/mysite/fonts/fontawesome-webfont.woff?v=4.6.3"

NetworkError: 404 Not Found - http://localhost/mysite/fonts/fontawesome-webfont.ttf?v=4.6.3

这是我的 font-awesome.min.css 的完整路径

C:\wamp\www\mysite\public\css\

先感谢您。

0 投票
3 回答
1191 浏览

polymer - Polymer 1.x:使用 Font Awesome 和 paper-icon-button

有没有办法使用Font Awesome 库中的图标作为 a 中的图标paper-icon-button

这是我的 jsBin

http://jsbin.com/rahesepeho/2/edit?html,输出
0 投票
1 回答
2581 浏览

css - CSS中的字体真棒图标 - 更大的尺寸

我在我的 CSS 中使用它:

我希望使用这里的图标更大:http: //fontawesome.io/examples/

但我不知道如何混合这些代码,所以我可以使图标更大,因为一个使用数字,一个使用文本代码。例如,如果我想使用 fa-2x,我的 CSS 应该是什么样子?

谢谢!