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而不是文字＆＃34;以及更多信息＆＃34; 。我怎么能在那里得到它？

Answer 1

您是否在<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/

Answer 2

将<i class="fa fa-home icon active"></i>放在您想要显示图标的位置。确保你的头脑中包含了很多东西。

带文字的两个图标：

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

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

2 个答案: