标签: font-awesome-6

如何使用 Font Awesome 6 图标?

我以前使用过 Font Awesome 图标(以前的版本)。当时,我在 HTML 中使用了如下所示的 CDN。但现在我再也找不到了。使用它们的方式有什么变化吗?

<link rel="stylesheet" 
  href="https://use.fontawesome.com/releases/v5.15.4/css/all.css">
Run Code Online (Sandbox Code Playgroud)

font-awesome font-awesome-6

31
推荐指数
2
解决办法
10万
查看次数

Fontawesome 图标采用不同的宽度

我正在使用 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-->
Run Code Online (Sandbox Code Playgroud)

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

css font-awesome font-awesome-5 tailwind-css font-awesome-6

0
推荐指数
2
解决办法
592
查看次数