我想知道，如何在 CSS 中使用带有 :before 或 :after 伪的字体 awesome 的离线图标？
如果我使用 CDN 而不是离线，那么它可以完美运行，但不适用于离线文件。
.mydiv::before {
content: "\25AE";
font-family: FontAwesome;
left:-5px;
position:absolute;
top:0;
}【问题讨论】：
标签： css font-awesome webfonts
如何设置取决于您的解决方案。您使用的是简单的 CSS 还是任何 CSS 预处理器？
假设您使用的是简单的 CSS：
像这样：
<head>
<link href="/your-path-to-fontawesome/css/all.css" rel="stylesheet">
</head>
有关更多信息，请查看有关如何自行托管的官方指南：https://fontawesome.com/how-to-use/on-the-web/setup/hosting-font-awesome-yourself
【讨论】：
<i class="fas fa-home"></i> 这样的 Html 文件一起使用时它可以正常工作，但是当我将它与使用 :before 或 :after 伪的 css 文件一起使用时它不起作用。
从 Font Awesome 网站下载所需文件 https://fontawesome.com/how-to-use/on-the-web/setup/hosting-font-awesome-yourself
<head> 部分添加<link href="fonts/css/all.css" rel="stylesheet">。在您的网页中使用它们很容易，例如参见https://fontawesome.com/how-to-use/on-the-web/referencing-icons/basic-use
【讨论】：