使用 CSS 添加图标答案

【问题标题】：Adding Icons using CSS使用 CSS 添加图标
【发布时间】：2020-11-18 19:37:11
【问题描述】：

我正在学习如何将图标添加到我的 HTML 中，并且有一个来自 W3 Schools 的示例，如下所示：

&lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"&gt;

这几乎可以链接样式表并能够从 Font Awesome 页面输入图标。但是我不喜欢直接将它添加到 HTML 中的凌乱方式。初学者有没有更简单的方法将图标添加到实际的 CSS 而不是直接添加正文？

谢谢，

【问题讨论】：

您的问题不清楚，因为您没有发布您提到的示例。有几种方法可以显示图标。这是环境和口味的问题。
我刚刚更新了 HTML

标签： html css icons

【解决方案1】：

简单的方法是使用 fa 图标

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>

<i class="fa fa-car"></i>
<i class="fa fa-car" style="font-size:48px;"></i>
<i class="fa fa-car" style="font-size:60px;color:red;"></i>

</body>
</html>

【讨论】：