Question

在编码时我有两个左脚。我已经下载了一个自定义博客模板，它可以呈现一些社交媒体（Facebook，Twitter等）图标但不是全部（500px，behance）。我试图自己解决这个问题，但遗憾的是还没有设法做到这一点。

这是测试博客：http://kartik1110.blogspot.in/

网站上的任何地方（Navbar，右侧边栏和底部）500px的图标都不会显示。我该如何解决这个问题？

由于代码是一个很棒的博客模板，我无法确定要在哪里粘贴哪些代码段。请原谅我的缺点。在此先感谢。

编辑：我在原始问题上犯了一个错误。其他图标不会显示在模板附带的自定义小部件中。图标显示在博客页面和其他小部件上。知道哪一段代码会删除其他图标显示的能力吗？

这是右侧栏的代码＆＃39;关注我＆＃39;小部件，显示有限的图标。

    <b:widget id='LinkList2' locked='false' title='Follow Me' type='LinkList' version='1' visible='true'>
  <b:includable id='main'>

<b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
 <div class='widget-content'>
   <ul class='site-social-networks secondary-2-primary style-default show-title'>
     <b:loop values='data:links' var='link'>
       <li><a expr:href='data:link.target' target='_blank'><i/><data:link.name/></a></li>
     </b:loop>
   </ul>
   <b:include name='quickedit'/>
 </div>
</b:includable>

Answer 1

正如您所提到的，模板已经使用了Font Awesome。您现在要做的就是插入您想要使用的图标。

最简单的方法是按照here的说明添加HTML元素。通过转到字体内的“图标”非常棒，您可以搜索所需的任何图标，并找到您包含的必要HTML代码。

对于500px的情况，您必须在HTML上添加<i class="fa fa-500px" aria-hidden="true"></i>，然后才能添加正确的图标。

您可以在此image

中查看结果

只需对您需要的任何图标执行相同操作。

Answer 2

您的版本可能较旧或不完整。在FA网站上，他们还警告Adblock Plus会删除一些图标。

在任何情况下，您都可以尝试直接获取字体集，无论如何我始终建议加载速度/搜索引擎优化。只需按照其网站上的说明操作：

http://fontawesome.io/get-started/

如何在自定义博客模板中包含更多Font-awesome图标？

2 个答案: