如何在网页中添加Font Awesome图标？语法求助

原代码 #

<li><a href="https://artesiafire.colorado.gov/" target="_self"><img alt="image not found" src="https://townofdinosaur.colorado.gov/sites/townofdinosaur/files/Fire%20Hydrant.png" /><span>Artesia Volunteer Fire</span> </a></li>

修改后的代码 #

直接将原<img>图标标签替换为Font Awesome图标标签即可，修改后代码如下：

<li><a href="https://artesiafire.colorado.gov/" target="_self"><i class="fa-solid fa-fire-hydrant"></i><span>Artesia Volunteer Fire</span> </a></li>

关键说明 #

• 替换逻辑：删除原有<img>标签，插入<i class="fa-solid fa-fire-hydrant"></i>标签，位置保持和原图标一致（在<span>文本之前）
• 版本验证：由于网站已集成Font Awesome工具包，需确认当前版本支持fa-solid fa-fire-hydrant类（该类属于Font Awesome 5及以上版本的实心图标样式）

内容的提问来源于stack exchange，提问作者Jim Evans