Html 字体图标只是一个正方形

Html 字体图标只是一个正方形,html,css,Html,Css,我把链接放在索引头标签中,我的主css文件正在导入 <a href="github.com"> <i class="fab fa-github-square"></i> </a> <a href="www.sourcetree.com"> <i class="fab fa-github-square"></i> </a>

我把链接放在索引头标签中,我的主css文件正在导入

       <a href="github.com">
        <i class="fab fa-github-square"></i>
      </a>
      <a href="www.sourcetree.com">
        <i class="fab fa-github-square"></i>
      </a>
      <a href="www.bitbu.com">
        <i class="fab fa-github-square"></i>
      </a>


使用自托管字体时,请确保已上载/fonts/目录

确定css文件读取正确后,请查看以下示例:

类应该是这样的:

<i class="fa fa-address-book" aria-hidden="true"></i>


注意“fa”类

这是im使用的字体链接。您使用的是font awesome版本4,因此您需要使用“fa”类而不是“fab”类。如果您使用的是绝对url,则必须包含以下协议:
http://...
例如,我注意到你的href也缺少这个。