问题标签 [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.
font-awesome - 了解堆叠图标的尺寸和对齐方式
我对 FontAwesome 及其堆叠机制很感兴趣,并想为“非照片文件”创建一个图标(......不管那是什么。我只是想表明它可以完成,没有更深层次的目的......)
见例子@http://jsfiddle.net/mbaas/s00uh5ce/1/
我正在构建一个将一个图标与另外两个图标组合在一起的堆栈(我认为由于垂直调整,它们需要单独堆叠......)。
基本上我有这样的块:
正如您在小提琴中看到的那样,各个图标看起来很棒,但我正在努力解决这些与周围文本相关的对齐问题。我想看到的是这些图标与它们后面的文本共享相同的基线 - 但我不想对文本应用任何东西- 如果所有调整都可以在图标本身内完成,那就太好了......
html - 由于一段 CSS 代码,Font-Awesome 图标未加载
我正在尝试将 font-awesome 集成到一个 web 项目中,但是在我的 css 中识别出的一小段代码使 font-awesome 图标显示为白色方块。当我删除 CSS 代码的一点点和平时,它可以工作,但由于当前的网站布局,我无法删除它。有没有办法让图标正确显示?
这是阻止布局所需图标的代码:
在我的自定义 css 代码之前或之后是否包含 font-awesome css 并不重要。问题依然...
css - Rails - 使用字体很棒的图标
我有一个 rails 4 应用程序,并且正在尝试使用其中的字体真棒图标(用于社交媒体登录链接)。
我有:
在我的宝石文件中:
我也在使用引导 sass。
在我看来,我尝试:
它呈现“<>>”,中间没有任何内容。
我也试过:
我犯了同样的错误。
当我尝试:
我收到此错误:
有谁知道如何在 Rails 中使用 font-awesome?
新尝试:
这可以很好地制作链接,但我正在尝试在图标上设置样式。
我已经定义了一个名为 :facebookauth 的 CSS div。
当我将上述内容更改为:
或尝试:
链接消失。我想让尺寸更大并使用我的颜色样式。如何将 CSS 放在这些链接上?
internet-explorer - font-awesome 和 Roboto 的 IE 问题无法在服务器上运行
我在项目结构中使用了 yeoman 生成器,并包含了用于 font-awesome 和 Roboto 的 bower 组件。字体在 grunt serve 上加载良好。我还尝试运行在 dist 文件夹中创建的 index.html ,它再次正常工作。即使是在我的本地 tomcat 上托管时使用 Jenkins 构建创建的 .WAR 文件也可以正常工作。但是当代码部署在 Server Roboto 上时,Font-awesome 无法正确呈现。我检查了网络选项卡以查看是否正在下载可见的字体。有人能指出我正确的方向吗?
twitter-bootstrap - 为 Font Awesome 重写 glyphicon 代码
我目前正在使用以下代码在我的标题中显示几个字形图标(glyphicon-chevron-down 和 glyphicon-remove-sign):
我刚刚发现了 Font Awesome 的最新库,并想尝试一下。我应该如何修改上面的代码来替换 glyphicon-chevron-down 呢?
PS我应该补充一点,如果可能的话,我想简化我的代码。四个单独的跨度太多了。;)
css - 字体真棒 4.3+ 微调器 Mozilla 故障
在旋转 fa-spinner 时,有时会在旋转圈周围显示一条线。故障似乎只出现在 Firefox 中(我使用 44.0.2 版本)。这是一些小提琴:
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\
先感谢您。
polymer - Polymer 1.x:使用 Font Awesome 和 paper-icon-button
有没有办法使用Font Awesome 库中的图标作为 a 中的图标paper-icon-button
?
css - CSS中的字体真棒图标 - 更大的尺寸
我在我的 CSS 中使用它:
我希望使用这里的图标更大:http: //fontawesome.io/examples/
但我不知道如何混合这些代码,所以我可以使图标更大,因为一个使用数字,一个使用文本代码。例如,如果我想使用 fa-2x,我的 CSS 应该是什么样子?
谢谢!