Facebook的图标不显示

我想使用facebook的图形，但我该怎么做？我有：Facebook的图标不显示

<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>

但什么也不显示。

我也下载了免费的图标，其中包括Facebook，但我不知道如何包含它们。

编辑 - 现在我正在使用http://glyphicons.com/网站的免费图标，并在img标签中使用它们。

来源

2014-09-10 LauraNMS

我猜你需要给这样说：

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

来源

2014-09-10 14:17:14

glyphicon-facebook是不是原生引导图标，但你调用它，就好像它是一个。

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

您可以使用Facebook的图标从一个不同的库，像Font Awesome。在字体真棒，你会叫Facebook图标像这样：

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

来源

2014-09-10 14:18:51 Dan

我应该说我使用这个引导的导航栏组件内，并且字体真棒图标唐似乎在那里工作。 – LauraNMS 2014-09-10 14:30:30

您应该在加载任何标题或正文内容之前加载图标源。 – Dan 2014-09-10 14:31:22

你能告诉我你的意思吗？ – LauraNMS 2014-09-10 14:51:08

使用这个库：

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>

来源

2014-09-10 14:19:54

如果我下载此zip文件，如何将其包含在我的文档中？ – LauraNMS 2014-09-10 14:33:00

下载此文件：链接将其包含在您的页面中，然后使用它。 – 2014-09-10 14:51:14

我将它下载到c：\ inetpub \ wwwroot中，并将其称为“glyphs.css”。我把它作为一个css文件包含在我的头文件中。我进入代码并更改了字形。CSS代码并将背景图片url更改为background-image：url（“http：//localhost/bootstrap-glyphicons-master/img/glyphicons.png”）。但没有任何事情正在发生。 – LauraNMS 2014-09-10 15:03:10

字体真棒应该为你的工作需要（如提及）。这听起来像你还没有加载的字体真棒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文件来做到这一点。你可以看看一个简单的网站，我最近推出了使用字体Aweswome，如果它可以帮助你：

http://1574buchertroad.com/

来源

2014-09-12 20:14:20 khilley

Facebook的图标不显示

回答

相关问题