Font Awesome文档使用手册

敕码 · 2025-5-31 23:58:14

Font Awesome 字体为您提供可缩放矢量图标,它可以被定制大小、颜色、阴影以及任何可以用CSS的样式。
使用文档：https://fa4.uihtm.com/

Font Awesome 是一套完美的图标字体库及CSS架构,主要目的是和 Bootstrap 搭配使用。
Font Awesome为您提供可缩放的矢量图标，您可以使用CSS所提供的所有特性对它们进行更改，包括：大小、颜色、阴影或者其它任何支持的效果。
Font Awesome已经为你准备了将近500个常用icon图标（还在不断更新），能大能小，能随便修改颜色，完全开源，完全免费。
使用方法:

要使用Font Awesome图标，请在HTML页面的部分中添加以下行：
1、国内推荐 CDN：

[/code][size=4]2、海外推荐 CDN[/size]
[code]

复制代码

3、直接下载到本地

Font Awesome下载

注意：不太建议下载来安装，直接在 html 文档头部引用 CDN 文件即可。
注意：本教程使用的是 4.7.0 版本。
您可以使用前缀 fa 和图标的名称来放置 Font Awesome 图标。
实例：



  Document

结果： Font Awesome 设计为与内联元素一起使用。和元素广泛用于图标。
另外注意，如果更改图标容器的字体大小或颜色，图标会更改。
大图标

fa-lg (增加33％)，fa-2x，fa-3x， fa-4x，或 fa-5x 类用于增加相对于其容器的图标大小。
代码：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
</head>
<body>
fa-lg
fa-2x
fa-3x
fa-4x
fa-5x
</body>
</html>

复制代码

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

账号		自动登录	找回密码
密码			立即注册