标签: fontawesome-4.4.0

我已经在我的package.json 中安装了 Fontawesome 。

"devDependencies": {
    "@fortawesome/fontawesome-free": "^5.11.2" ,
    //etc.
},
"dependencies": { "font-awesome": "^4.7.0" }

并将其导入我的app.scss

@import "~font-awesome/scss/font-awesome.scss";

我试过了<i class="fa fa-edit"></i>，<i class="fas fa-edit"></i>但它只是如下所示，有人知道如何正确地做到这一点吗？

我正在尝试在Select2 v4下拉项中显示fontawesome图标。但是下拉菜单显示的是html，而不是生成实际的图标。此方法适用于select2 V3，但似乎不适用于v4。任何帮助表示赞赏。谢谢

的HTML

<div class="select2-wrapper">
    <select class="input icons_select2">
        <option value="fa-dribbble" data-icon="fa-dribbble">Dribbble</option>
        <option value="fa-dropbox" data-icon="fa-dropbox">Dropbox</option>
        <option value="fa-facebook" data-icon="fa-facebook">Facebook</option>
    </select>
</div>

JS

function iformat(icon) {
var originalOption = icon.element;
return '<i class="fa ' + $(originalOption).data('icon') + '"></i> ' + icon.text;
}
$('.icons_select2').select2({
width: "100%",
templateSelection: iformat,
templateResult: iformat
});

有关示例，请参见小提琴：http : //jsfiddle.net/qCn6p/206/

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

我有:

 /* application.css.css:
 *= require_framework_and_overrides.css.scss
 *= require_self
 *= require_tree .
 */

/* framework_and_overrides.css.css: */
@import "bootstrap-sprockets";
@import "bootstrap";
@import "font-awesome-sprockets";
@import "font-awesome";

在我的gemfile中:

gem 'font-awesome-sass', '~> 4.4.0'

我也在使用bootstrap sass.

在我看来,我尝试:

<%= link_to content_tag(icon('facebook', class: 'facebookauth')) %>

它呈现"<>>",两者之间没有任何内容.

我也尝试过:

<%= link_to content_tag icon('facebook', class: 'facebookauth') %>

我犯了同样的错误.

当我尝试:

<%= link_to content_tag(fa_icon('facebook', class: 'facebookauth')) %>
<%= link_to content_tag fa_icon('facebook', class: 'facebookauth') %>

我收到此错误:

undefined method `fa_icon' for

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

新尝试:

                        <%= link_to  icon('google', id: 'googleauth'), user_omniauth_authorize_path(:google_oauth2) %>

                        <%= link_to icon('linkedin', id: …

我正在运行一个节点服务器，并且想要使用 PDFkit 将一些图标添加到动态创建的 PDF - 所以我安装了 fontawesomenpm install fontawesome并在创建 pdf 的 .js 文件中需要它var fa = require('fontawesome');

然后我尝试将图标与 PDFKit 一起使用：

doc.fontSize(40).fill('black').text(fa('bath'), 160, 80);

但是，我没有看到bath图标——只有两个乱七八糟的符号。

我需要做什么才能渲染 fa 图标？这是一个没有前端的服务器端脚本，使用 cron 运行，该 cron 会 ping Oracle 视图以获取动态信息，作为每日电子邮件的一部分。（所以，我没有使用任何 css 或 html 来创建文档）

感谢您的帮助！

我正在尝试通过参考链接创建 ON-OFF 开关

在这里，我无法在 index.html 文件中使用 FontAwesome 引用，我所做的是在我的项目中复制了 font-awesome-css 文件。但是开关ON-OFF按钮没有显示。

在这里，我从 index.html 中删除了引用，并将 font-awesome.min.css 的内容复制到我的 style.css 文件中我的要求是根据模型值（布尔值）创建 ON-OFF 开关。

它应该有编辑（开/关）功能。

任何人都可以建议为什么 css 文件不起作用，或者我还有其他方法可以做到这一点。