Font Awesome是一种矢量图标,或者叫图标字体,矢量的好处是无限缩放不会失真,可以适应各种尺寸的屏幕,省掉了做很多图片的麻烦。现在很多国内的WP主题都集成了这个,包括本站的主题。如果你想在自己的WordPress主题中使用Font Awesome,下面介绍了方法。

集成方法

首先用户需要访问https://fontawesome.io下载字体文件到本地。如果你无法访问该网站,也可以到https://www.bootcss.com/p/font-awesome/#下载。

然后将下载后的文件解压,将文件夹中的“fonts”目录上传到网站的主题目录下。

接着将解压后的文件中的CSS目录下得“font-awesome.min.css”文件拷贝到主题目录下的“css”目录下。

最后在主题的头部文件”header.php“添加一列引用代码,字体图标就安装完毕啦。

 <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/css/font-awesome.min.css">

使用方法

集成好它后,你就可以在主题的任何位置添加图标啦.官方推荐是使用i标签。
你这里到https://fontawesome.io/icons/ 选择你喜欢的图标并点击进入,你就可以看到类似

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

这样的代码,将它拷贝到你要用到的地方就好啦。

由 floryu 发布

喜欢折腾,喜欢分享,喜欢WordPress,提供WordPress主题、插件汉化,以及WordPress、DEDECMS建站。

发表评论