成航先森 成航先森

成都航院计算机系一个学生的个人博客

 

WordPress技巧

分段图

最新文章

WordPress技巧
当前位置: 首页 » 大学杂谈 » WordPress技巧 » 修复WordPress插件WP-Zan的图标字体显示错误问题

修复WordPress插件WP-Zan的图标字体显示错误问题

编辑:狂族晨曦 来源:WordPress技巧 日期:2016-03-13 阅读: 1,024 次 抢个沙发 百度已收录

关于给文章点赞的功能,先森一直用的是WP-Zan插件。不知道其他使用该插件的网站是否出现了和先森一样的情况:点赞的那个图标字体的上半截一直是被挡住了的状态。

“点赞”图标被挡住 -1

WP-Zan插件图标字体显示不正确

这让先森很郁闷,最初还以为是CSS的设置问题。但是先森鼓捣了半天,发现通过CSS无法修复该问题。后来看别的网站的图标是正确的,就直接把字体代码复制过来,结果发现这样没有显示。然后发现,是别的网站使用的图标字体和WP-Zan插件的不一样。

发现字体不一样先森才想到,是不是插件自己的字体有问题?

赶紧从服务器把插件的字体文件下载下来。路径很简单,就是/wp-content/plugins/wp-zan/static/fonts里面。下载下来,打开一看,果然有问题。

这里先森用了字体编辑软件FontCreator_CHS_7.5,非常好用,但是需要破解。先森记得之前是破解了的,不知道怎么回事现在又失效了,导致先森保存一次之后就不能保存了。有兴趣的可以去百度下载:

FontCreator_CHS_7.5 -2

FontCreator_CHS_7.5

先森打开的是ttf文件,进行编辑。打开就发现了问题所在:

问题原因 -3

WP-Zan插件的问题原因

点击上图可以放大。放大后可以看到,两个图标都有一点点被挡住了,这一点点,就是导致问题出现的原因。选中其中一个右键-“编辑”,即可进入编辑界面:

字体编辑 -4

FontCreator_CHS_7.5字体编辑

圈选整个图标,将其整体往下移动,在最终显示上面让其不被挡着即可。当然,最好还是居中。

编辑-保存 -5

FontCreator_CHS_7.5-调整-保存

这个保存,只能保存出otf和wotf格式的字体文件,而插件中需要的,是.ttf .woff .eot .svg四中文件,这时候就可以使用一个国外的字体在线转换网站了:

在线转换 -6

字体在线转换

点击上面的选择文件,选好文件点击下面的“CONVERT & DOWNLOAD”,点击之后可能需要等10秒钟,就会跳出一个下载对话框。下载的压缩包内,就是已经转换好了的4个文件。

接下来只需要将这4个文件上传到服务器,替换原文件即可了。

修改后的效果 ↓ 点击下方查看

标签:
除特别注明外,本站所有文章均为成航先森 www.capjsj.cn原创,本文共875个字
转载请注明出处来自http://www.capjsj.cn/xf_wp_cjwpzdtbztxscwwt.html
已有 0 位"计工"发布了激烈的评论,还有N多人围观笑而不语评论
匿名的头像
欢迎发表评论
取消评论

表情
疑问调皮伤心抠鼻黑线微笑可爱奸笑震惊吓到了撇嘴大兵忍不住笑笑狂骂狂怒噢?鼓掌酷⊙﹏⊙b汗鄙视大哭嘿嘿

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
官方微信
发表评论 返回顶部