Question

我想在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标签中使用它们。

Answer 1

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

查看http://getbootstrap.com/components/#glyphicons

上的所有引导图标

您可以使用其他图书馆中的Facebook图标，例如 Font Awesome 。在Font Awesome中，您可以像这样调用Facebook图标：

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

Answer 2

我想你需要这样做：

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

Answer 3

使用此库：

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>

Answer 4

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/

facebook的glyphicon没有显示出来

4 个答案: