标签: font-awesome

如何将 FontAwesome 图标添加到aJade/Pug 中的标签？我也想大胆一点。提前致谢！这是我尝试过的：

a(href="#toTop", class="fa fa-arrow-up", aria-hidden="true")

我正在CustomPainter根据以下问题使用 flutter 进行绘制：Flutter: How to Paint an Icon on Canvas?

final icon = Icons.cake;
TextPainter textPainter = TextPainter(textDirection: TextDirection.rtl);
textPainter.text = TextSpan(
    text: String.fromCharCode(icon.codePoint),
    style: TextStyle(fontSize: 20.0, fontFamily: icon.fontFamily));
textPainter.layout();
textPainter.paint(canvas, Offset(200.0, 200.0));

这适用于材料设计图标。不过，我想使用相同的技术来绘制 Font Awesome 图标。我正在使用font_awesome_flutter 8.5.0 包，这是我的代码：

final icon = Icon(FontAwesomeIcons.fish, size: 20, color: Colors.teal[700]);
TextPainter textPainter = TextPainter(textDirection: TextDirection.rtl);
textPainter.text = TextSpan(
    text: String.fromCharCode(icon.codePoint),
    style: TextStyle(fontSize: 20.0, fontFamily: icon.fontFamily));
textPainter.layout();
textPainter.paint(canvas, Offset(200.0, 200.0));

我从 IDE 收到一条消息，指出“未为类 'Icon' 定义 getter 'codePoint'”。请问我该如何解决这个问题？

我正在尝试在 Angular 10 应用程序中使用 Font Awesome 品牌图标。我已经安装了 fontawesome 并尝试使用以下命令导入它：

import { faDiscord } from '@fortawesome/fontawesome-free-brands';

在我的组件中。然后我将 faDiscord 分配给一个属性，并尝试在我的 html 中像这样使用它：

<fa-icon [icon]="faDiscord"></fa-icon>

但是，我的组件现在卡在加载中，我该如何解决这个问题？已经看到这个问题：How do i usebrand fontawesome icon in Angular

我使用很棒的字体，当我尝试显示一个图标后跟 h4 时，h4 会出现在下一行，并且不会停留在图标的右侧。

这是我的代码：<div><i class="fa fa-mobile fa-3x"></i><h4>Telephone</h4></div>

如何使 h4 不会出现在下面的行中？

我正在使用 Tailwind CSS 和 Font Awesome Icons。这里的图标显示如下，

是不是不适合调整每个div的宽度。这是我的代码（对于一个元素），

<!-- Navigation Link-->
        <div class="w-100 p-3 hover:bg-white/30">
          <div class="flex gap-4 text-white-max pl-3">
            <div>
              <i class="fas fa-tags"></i>
            </div>
            <div>Products</div>
          </div>
        </div>
<!-- End Navigation Link-->

我的问题是如何在不改变每个元素的情况下进行调整。

我不明白如何在当前项目中给出专业版的路径

我从 pub.dev 阅读了设置，但不知道该怎么做。

1. 按照以下步骤操作：设置信息
2. 已经克隆了一个仓库

这里面临一个错误：zsh: permission denied: ./configurator.sh。运行 ./configurator.sh 时会显示错误。

3. 如何为我的项目提供新字体存储库的路径？（在 pubspec.yaml 中）

   

这是我存储克隆回购项目的图像

这很简单,但我无法让它工作!单击一个按钮,我想将该按钮中的图标从fa-download更改为fa-spinner,但是fa-spinner不会显示!

我的HTML是:

<button id='save'><i class='fa fa-download' aria-hidden='true'></i> save work</button>

我的jQuery是:

$('body').on('click', '#save', function(e){
   $('#save').find('i').toggleClass('fa-download fa-spinner');
   $("#save").text("loading...");
});

文本更改为加载,下载图标消失,但微调器图标永远不会显示!我错过了什么？!

我正在尝试了解它是怎么回事,我在Firefox中使用font-awesome和2个图标根本不加载,你能帮助我解决它吗？

如果你打开jsfiddle,你会看到有关chrome的工作,但不会在firefox中.

图标不起作用是:

fa-user-circle-o
fa-calendar-plus-o

图标工作: fa fa-pencil-square-o

测试中:

用于Ubuntu的Firefox 55.0.2(64位)

Ubuntu的Chrome版本58.0.3029.96(64位)

jsfiddle:https://jsfiddle.net/s15dxabc/4/

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<br><br>
<i class="fa-calendar-plus-o"></i>
<br><br>
<i class="fa-user-circle-o"></i>
<br><br>
<i class="fa fa-pencil-square-o"></i>