默认的 fontawesome favicon 但颜色不同？可能通过 class 或 css

Question

我不确定这些是否仅适用于 bootstrap，但我在 HTML.

上使用默认的图标

<i class="fa fa-video-camera"></i>

favicons cheatsheet

我想知道是否有一种简单的方法可以更改此图标的颜色，例如插入另一个 class 之类的警报或在 .css 上放置一个 #fff 等

我正在努力避免诸如制作我自己的彩色版本并在

上使用之类的回应

<link rel="shortcut icon" href="/PATH_TO_STATIC_FAVICON/favicon.ico" type="image/x-icon"> <link rel="icon" href="/PATH_TO_ANIMATED_FAVICON/favicon.ico" type="image/x-icon">

干杯

Answer 1

---使用HTML

<i class="text-success fa fa-video-camera"></i>

·"text-success"

Bootstrap color classes

---使用CSS

.fa-video-camera{color:green;}

·"color:green"

--- 对于特定的十六进制

·"color:#fff"

对于特定的十六进制，我想您需要上面使用的 css 代码，但使用您通常使用的 #hex

--信息**

"class fa" 似乎只有 bootstrap，因为我在精简的 html 上试过但没用

Answer 2

您不能将 font awesome 图标用作网站图标。这些只是为了设计你的 html。

Answer 3

希望对您有所帮助，

在 Bootstrap Color Utility 的帮助下，您可以实现这一目标。

例如，要实现 green 颜色，您可以使用 class text-success

<i class="text-success fa fa-video-camera"></i>

默认的 fontawesome favicon 但颜色不同？可能通过 class 或 css

default fontawesome favicon but different color? possibly through class or css

html

css

favicon

frontend