引入Font Awesome后图标不显示仅出现空白方框该如何解决？

• 仅引入了Font Awesome 6.1.1的核心基础样式fontawesome.css，没有引入fa-regular（常规风格）对应的图标资源样式，浏览器找不到图标对应的字形定义，所以渲染为空白方框。
• 本地样式文件引入存在书写错误：href=b oxwebpage.css属性值多了空格，且缺少引号包裹，会导致本地自定义样式加载失败。

1. 修正本地样式引入的书写错误，补全引号、删除路径中多余的空格。
2. 补全对应风格的图标样式引入：使用fa-regular风格图标时，除了核心样式，还需要额外引入常规风格的图标样式文件。

修复后完整可运行代码如下：

<link rel="stylesheet" href="boxwebpage.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/fontawesome.min.css" />
<!-- 补充引入regular风格图标样式 -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/regular.min.css" />
<div class="ram">
  <i class="fa-regular fa-info"></i>
</div>

补充说明：如果后续需要使用实心风格（fa-solid）、品牌图标风格（fa-brands）的图标，也需要对应引入solid.min.css、brands.min.css样式文件。

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