如何在代码中获取字体真棒图标？

Question

我正在尝试在这段代码中获取 fontawesome 图标：

<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" 。我怎样才能把它放在那里？

Answer 1

将 <i class="fa fa-home icon active"></i> 放在您希望图标出现的位置。确保你的头脑中包含了 fontawesome。

两个带文字的图标：

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

Answer 2

您是否在 <head> 之后插入了以下代码？

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

查看官方页面了解更多信息： http://fontawesome.io/get-started/

正如@IkoTikashi 所说，你需要用 <i class="fa fa-home icon active"></i>

来扭曲它

演示：http://jsfiddle.net/2p9dzzk9/4/

如何在代码中获取字体真棒图标？

How to get font awesome icon in code?

html

fonts