facebook的字形图标没有出现答案

【问题标题】：glyphicon for facebook not showing upfacebook的字形图标没有出现
【发布时间】：2014-11-04 05:41:59
【问题描述】：

我想在 facebook 上使用 glyphicon，但我该怎么做？我有：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">    
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

html:

<ul>
    <li><a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=http://myurl" ><span class="glyphicon glyphicon-facebook"></span></a></li>
</ul>

但是什么都没有显示出来。

我还下载了免费的 glyphicons，其中包括 facebook，但我不知道如何包含它们。

编辑 - 现在我正在使用来自http://glyphicons.com/ 站点的免费字形图标，并且只是在 img 标记中使用它们。

【问题讨论】：

标签： jquery twitter-bootstrap glyphicons

【解决方案1】：

Font Awesome 应该可以满足您的需求（如上所述）。听起来您还没有加载 Font Awesome CSS 源代码，为此，此信息将进入您的文档区域：

<link href="font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">

调用上述方法后，您应该可以像这样调用 FB 图标：

<i class="fa fa-facebook"></i>

您无需下载任何图像文件或 CSS 文件即可执行此操作。你可以看看我最近推出的一个使用 Font Aweswome 的简单网站，如果它对你有帮助的话：

http://1574buchertroad.com/

【讨论】：

【解决方案2】：

使用这个库：

http://marcoceppi.github.io/bootstrap-glyphicons/

下载此文件：link 将其包含在您的页面中，然后使用它。

那里的例子：

<li><i class="icon-large icon-facebook"></i> icon-facebook</li>

<ul>
    <li><a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=http://myurl" ><span class="icon-facebook"></span></a></li>
</ul>

【讨论】：

如果我下载了这个 zip 文件，如何将它包含在我的文档中？
下载此文件：链接将其包含在您的页面中，然后使用它。
我将它下载到 c:\inetpub\wwwroot 并命名为“glyphs.css”。我将它作为css文件包含在我的标题中。我进入代码并更改了 glyphs.css 代码并将背景图像 url 更改为 background-image:url("localhost/bootstrap-glyphicons-master/img/glyphicons.png")。但仍然没有发生任何事情。
你没有png，你也要下载那个

【解决方案3】：

glyphicon-facebook 不是本机 Bootstrap 图标，但您将其称为一个图标。

在http://getbootstrap.com/components/#glyphicons查看所有引导图标

您可以使用来自不同库的 Facebook 图标，例如 Font Awesome。在 Font Awesome 中，您可以像这样调用 Facebook 图标：

<i class="fa fa-facebook"></i>

【讨论】：

我应该说我在 Bootstrap 的导航栏组件中使用它，并且字体真棒图标似乎没有在那里工作。
您应该在加载任何标题或正文内容之前加载图标源。
阅读文档 - 此处的说明：fortawesome.github.io/Font-Awesome/get-started

【解决方案4】：

我猜你需要这样：

<a href="" class="social facebook"
   data-name="facebook" data-type=""
   data-prefix="social" data-utf="E031"></a>

【讨论】：