Font Awesome拥有超过600个图标,使其成为最大的基于矢量的符号集合之一。象形字体是免费提供的。要将图标字体集成到网页中,您只需要他们的安装套件。这可以从Font Awesome网站下载。以下是集成图标字体的三个步骤:
-
下载安装工具包
-
将样式表包含在所需HTML文档的标题中:为了将Font Awesome集成到网页中,HTML文档必须链接到安装工具包中的CSS文件“font-awesome.min.css”。这是通过在 HTML 标头中嵌入以下代码来完成的:<link rel=“stylesheet” href=“https://www.ionos.com/digitalguidepath/to/font-awesome/css/font-awesome.min.css”>占位符“path/to/”表示服务器上 Web 项目的文件路径。
-
嵌入图标:建立与 CSS 文件的连接后,您可以在 HTML 源代码中的任何位置使用图标字体象形文字。下面的示例将空的 i 元素与 class 属性结合使用。这些类派生自 CSS 前缀“fa”和相应的图标名称:<i></i>
每个图标的嵌入代码都记录在Font Awesome网站上。
作为 i-element 的替代方法,您还可以通过语义为空的 span-tag 嵌入图标。