Font Awesome 提供了一些与文本相关的图标,适用于表示文字、字体、格式化、编辑等功能。以下是一些常见的文本类图标及其用法:
常见文本图标
- 文本文件(Text File):
<i class="fas fa-file-alt"></i>
- 剪切(Cut):
<i class="fas fa-cut"></i>
- 复制(Copy):
<i class="fas fa-copy"></i>
- 粘贴(Paste):
<i class="fas fa-paste"></i>
- 文字加粗(Bold):
<i class="fas fa-bold"></i>
- 文字斜体(Italic):
<i class="fas fa-italic"></i>
- 下划线(Underline):
<i class="fas fa-underline"></i>
- 清除格式(Strikethrough):
<i class="fas fa-strikethrough"></i>
- 列表(Bullet List):
<i class="fas fa-list-ul"></i>
- 编号列表(Ordered List):
<i class="fas fa-list-ol"></i>
- 文本对齐(Align Left):
<i class="fas fa-align-left"></i>
- 文本对齐(Align Center):
<i class="fas fa-align-center"></i>
- 文本对齐(Align Right):
<i class="fas fa-align-right"></i>
- 文本对齐(Justify Text):
<i class="fas fa-align-justify"></i>
- 字体(Font):
<i class="fas fa-font"></i>
- 大写字母(Uppercase):
<i class="fas fa-text-height"></i>
- 小写字母(Lowercase):
<i class="fas fa-text-width"></i>
- 引号(Quote):
<i class="fas fa-quote-left"></i> <!-- 引号(左) --> <i class="fas fa-quote-right"></i> <!-- 引号(右) -->
如何使用
- 在 HTML 文件中引入 Font Awesome CDN:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
- 使用相应的文本图标类:
<i class="fas fa-bold"></i> <!-- 加粗图标 -->
查看完整图标库
你可以在 Font Awesome 官网查看所有与文本相关的图标:Font Awesome Icons – Text
如果你有其他图标需求或其他问题,随时告诉我!
发表回复