我来猜猜：

1、检查字体路径是否加载对了
2、font-awesome样式文件是否加载对了
3、是HTML中用（千万别加载CSS的硬编码），是CSS中用（千万别加载HTML的硬编码）
4、是否跨域问题存在

不过我从来未碰到题主所说的这种现象。

尝试检查是否有下列问题：

1. 没有加载 CSS；
2. 没有加载字体文件。

另外，font-awesome 是独立项目，并不属于 Bootstrap。Bootstrap 中使用的 icon font 叫做 Glyphicons。

<i class="fa-home"></i>首页

这种样式进去，发现是个方框。
然后查看了一下css，发现.fa这个样式才是引入字体文件的。所以，这里的i还要加上.fa这个类

<i class="fa fa-home"></i>首页

问题解决！
4之前的版本貌似还是icon，试试看吧！

我这两天正好遇到一个类似的问题，困扰了两天终于解决了，其实是没有在web.xml做js和css文件的拦截处理而已。如果你的路径确定对的并且下载的js文件也没有错，那肯定就是这个原因了。

解决办法：添加如下js css拦截处理
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>*.js</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>*.css</url-pattern>
</servlet-mapping>

原因：用servlet-mapping用来截获请求的，在加载请求的时候拦截你定义的资源名或路径，比如js、css、图片等静态资源的，如果没有添加截获请求，那在加载页面的时候就无法处理静态资源文件了，就加载不出来。
比如你在网上找到一个css样式库，引用在线的链接可以加载 如<link href="xxx.xxx.xxx.css">是可以的，
但是你把这个css下载下来，在本地引入 <link href="<%=request.getContextPath()%>/xxx.css" >就失败了。
不知道这样说清楚吗?
(以上只是我的个人认为，不知道对不对，但大概就是这样吧)

可以参考这篇博文，下面由我的解释：
servlet-mapping / 拦截图片 等静态，资源