使用这个<i class="fa fa-camera-retro" ></i>你还没有定义fa类

经过5个多小时的挣扎，我找到了问题的原因。

使用FontAwesome 5，你应该使用fas(注意“s”在结尾):

<i class=“fas fa-camera”></i>

我使用的是“常规”字体，显然在这个版本中是付费的——我切换到“固态”字体，一切都开始正常工作。

你必须有两个类，fas类和fa-*类。参考文档中的基本用法:

fa前缀在版本5中已弃用。新的默认是fas实体样式和fab品牌样式。

// Correct (version >= 5)
<i class="fas fa-search"></i>    

// Wrong (version < 5)
<i class="fa fa-search"></i>

粗细:900;

我在Font Awesome 5上遇到了不同的问题。 对于fontaweesome图标，默认的字体重量应该是900，但对于span和I标签，我将其重写为400。 当我纠正它的时候，它就起作用了。

这是他们Github页面上的问题参考，https://github.com/FortAwesome/Font-Awesome/issues/11946

截至2018年12月，我发现使用bootstrapcdn上的稳定版本4.7.0比使用字体很棒的5.x更容易。x cdn在他们的网站上——因为每次他们升级小版本，以前的版本都会崩溃。

<link media="all" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

图标是一样的:

<i class="fa fa-facebook"></i>

我今天找到了一个解决方案:

从他们的Github页面下载整个项目 然后按照他们页面上Default CSS部分中关于将目录移动到项目和在.html文件的HEAD部分中添加链接的其余步骤进行操作

他们的文档的问题是，他们没有指定一个链接，您应该在哪里获得整个字体的副本，并将其放入您的项目中。