如何从引导程序设置邮箱图标？

Question

这是我的页面截图http://s30.postimg.org/44jynnz35/Untitled_2.png

html:

    <div id="social-bar">
        <a href="https://www.facebook.com/pages/Open-Source-Hacker/181710458567630">
            <i class="icon icon-facebook"></i>
            <span>Facebook</span>
        </a>
        <a href="https://twitter.com/moo9000">
            <i class="icon icon-twitter"></i>
            <span>Twitter</span>
        </a>
        <a href="https://plus.google.com/103323677227728078543/">
            <i class="icon icon-google-plus"></i>
            <span>Google Plus</span>
        </a>
        <a href="http://opensourcehacker.com/">
            <i class="icon icon-rss"></i>
            <span>Blog</span>
        </a>

       </div>

我已经用社交图标创建了社交链接，我从这个链接https://github.com/miohtama/FontAwesome-and-Bootstrap-social-icons-example/获取源代码

我还需要一个链接和图标，即mailbox。

所以我添加了这样的代码，

   <a href="http://opensourcehacker.com/">
                <i class="icon icon-gmail"></i>
                <span>Email</span>
   </a>

但我不确定邮箱图标代码，

我有 3 个文件，

1. <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.no-icons.min.css" rel="stylesheet" />

2. <link href="//netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome.css" rel="stylesheet" />

3. <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>

我可以知道邮箱图标的确切代码或我可以在哪里获取吗？

任何帮助将不胜感激。

提前致谢。

Answer 1

我是icon-envelope

<a href="http://opensourcehacker.com/"><i class="icon icon-envelope"></i><span>Email</span>   </a>

由于您使用的是旧版本的 fontawesome，文件中可能缺少一些图标。尝试使用这个更新的库：http://netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.css 而不是旧的。