Npcink Blog
切换菜单

添加图标

在 Wordpress 中引入图标

最后更新于
本页目录3 节

网站：

http://fontawesome.dashgame.com/

使用：

将以下代码粘贴到网页 HTML 代码的  部分.

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

选取图标，

您可以将 Font Awesome 图标使用在几乎任何地方，只需要使用 CSS 前缀 fa ，再加上图标名称。 Font Awesome 是为使用内联元素而设计的。我们通常更喜欢使用  ，因为它更简洁。 但实际上使用  才能更加语义化。

class="fa fa-camera-retro">i> fa-camera-retroru

如：

class="fa  fa-steam-square">i>
  class="fa   fa-renren ">i>
  class="fa   fa-qq">i>
  class="fa   fa-github">i>
  class="fa   fa-weixin">i>
  class="fa   fa-weibo">i>

将显示为：

添加图标

配合 ul div 设置样式即可。

其他：

亦可引入阿里巴巴矢量图标库中的图标。

介绍：

https://themebetter.com/WordPress-iconfont.html

点击购物车：

添加图标

下载代码。