昨天网站刚刚通过备案，下午开始折腾，就把网站更换图标字体为Font awesome 4.7.0。还发了个折腾笔记——https://forme.zhzh.xyz//195.html结果今天突然发现了一个小问题，因为网站之前一直都是用Glyphicons，所以点赞按钮和轮换图左右切换按钮上都是用调用Glyphicons。昨天改了点赞的调用，却忘记改轮换图按钮的调用了，所以赶紧就去换。

调用的地方倒也好找直接在index.php里看到这个功能调用了focusslide.php。于是就找到focusslide.php，这个文件很短，不用搜索，直接在底部找到了原来的调用代码，换成fa的调用。本以为这样就可以了，谁知道打开首页一看，我去，整个图标字体在按钮内部上方。这就很尴尬了。

失败ONCE

我尝试用css控制它的样式，使他居中，结果并没有什么卵用，原因不明。

失败TWICE

接着我贼心不死，尝试直接在元素<i>里面的aria-hidden=”true”后面写居中，又没有效果，原因还是不明。

失败Three times&Four times

这次我换了思路，想直接把这个放大，我用10px的大小，再次尝试了上诉两种写的方法。结果css样式表里面写了字体大小后会改掉所有的字体图标，这显然不行。在元素内写字体图标后还是没什么卵用。这其中还有个插曲，我少打了个标签，导致那一部分乱码。

解决

一筹莫展的时候，我发现其实字体在按钮里还是左右居中的，只是上下没有居中，偏上了而已。我突发奇想，在调用字体前面加个<br/>是不是可以呢？没想到就这么解决了。wordpress的魅力或许就是这样，为了实现一个效果，不断尝试不同的方法。

好了，日常水收工，该睡觉了。😴