欢迎使用 Web Awesome，这是一个最大、最棒的开源 Web 组件库。

样式基础

只需将一个图标放到您的项目中，您就会发现它能与周围环境完美融合。

Font Awesome 图标会自动继承 CSS 大小和颜色（如以下示例所示）。这意味着它们会与您放置在其中的文本内联融合。Font Awesome 尽量避免过于主观，只设置图标在上下文中正确呈现所需的必要基本样式规则。

<span style="font-size: 3em; color: Tomato;">
  <i class="fa-solid fa-camera"></i>
</span>

<span style="font-size: 48px; color: Dodgerblue;">
  <i class="fa-solid fa-camera"></i>
</span>

<span style="font-size: 3rem;">
  <span style="color: Mediumslateblue;">
    <i class="fa-solid fa-camera"></i>
  </span>
</span>

其他样式选项

虽然将图标添加到您的项目中非常简单，但我们还提供了其他样式实用程序，用于调整图标大小、对齐图标和在列表中使用图标，以及旋转、转换和动画图标，让您能够使图标更酷。

您还可以通过在项目代码中添加自己的 CSS 规则，将自定义样式添加到 Font Awesome 图标。您可以使用 CSS 控制的所有内容都可以使用 - 从颜色到显示，再到对齐方式。