Html 如何在代码中获得字体很棒的图标？

我正在尝试在以下代码中获得一个很棒的图标：

<div class="container">
    <div class="test revealUpFull">
        <img src="games/racegame/foto/fotozonder.PNG" width="260" height="195" />
        <span class="title"><a href="game1.html">Racegame<br /><br /> with some more info</a></span>
    </div>
</div>  

我想做的是将一个图标

fa home active

，而不是文本“with some more info”。我怎样才能把它放在那里？

将

放置在您希望图标出现的位置。确保你的头脑中包含了真棒

带有文本的两个图标：

<i class="fa fa-home"></i> Home
<br/>
<i class="fa fa-car"></i> Racing game
<br/>

主页


赛车游戏

您是否在

之后插入了以下代码

有关更多信息，请参见官方页面：

正如@IkoTikashi所说，您需要使用

---

演示：

但还有一个问题，比如我想在后面添加文本，我该怎么做？在下一行中，我需要另一个图标如何修复它？我修改了代码，使两个图标位于彼此下方。取决于你的CSS，这可能不会像预期的那样工作。是的，我做了，我只需要图标出现，我现在有一个与此代码的一部分

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">