首页 » 网站建设 »

WordPress网站页面字体慎用微软雅黑

2015年6月13日 / 259次阅读
WordPress

打开支付宝首页,搜索“529018372”,即可领取红包!可重复领。

特色图片

微软雅黑是个看着很不错的字体,我自己编辑Word文章常常会用,现在自己做网站,首选字体也是微软雅黑。不过,云上小悟独立博客网站一直存在一个小bug,没想到跟微软雅黑字体有关。这几天我自己研究了一下,也找更专业的朋友看了看,最后还是决定在页面内部分区域更换更安全的网页字体。

先说说我遇到的与微软雅黑字体有关的问题,请看图:

微软雅黑字体问题现象截图-1,win2008平台

微软雅黑字体问题现象截图-1,win2008平台

 

微软雅黑字体问题现象截图-2,Linux平台

微软雅黑字体问题现象截图-2,Linux平台

问题现象很明显,使用微软雅黑字体,那个一小瞥'在显示的时候,太宽了。而且,这个问题跟平台无关,上面第一张图来自win2008平台,第二张图来自Linux平台。(都是WordPress网站)

试来试去这个问题总是存在,但是只要更换字体,问题就解决。

网络上有朋友介绍这个问题的出现是由于WordPress将英文半角符号自动转换成了全角(搜索WordPress的wptexturize函数),所以显示的时候就变成上图那样了。我在网络上将相关技术文章搜出来学习之后,发现,如果屏蔽掉WordPress的自动转换,确实有用,但是不是全有用。

我使用的代码:

//取消内容转义
remove_filter('the_content', 'wptexturize');
//取消摘要转义
remove_filter('the_excerpt', 'wptexturize');
//取消评论转义
remove_filter('comment_text', 'wptexturize');

 

将以上代码加入主题的functions.php文档。然后,使用微软雅黑的页面的显示效果变成了:

文章内容OK,但是标题仍然有问题

文章内容OK,但是标题仍然有问题

而且,学习了wptexturize函数的介绍发现,WordPress之所以要做转换,是为了安全,防止有人在网页上直接执行一些代码。比如有人在评论框里面直接输入一些代码,在刷新页面的时候,如果不做转换,会导致这些代码直接被执行。那样问题就更严重了。

最后想来想去,放弃屏蔽wptexturize函数,采用更换字体的方式来规避这个问题。比较有意思的是,其它字体就算在WordPress转换之后,依然能够显示正常。以后网页使用微软雅黑还是要慎重。

本文链接:http://www.maixj.net/wz/wangyeziti-weiruanyahei-6596
云上小悟 麦新杰(QQ:1093023102)

相关文章

评论是美德

《WordPress网站页面字体慎用微软雅黑》有1条评论

无力满足评论实名制,评论对非实名注册用户关闭,有事QQ:1093023102.

  • maixj

    标题没有生效是因为少了一行代码:remove_filter('the_title', 'wptexturize'); 不过,我还是选择换字体的方案。 [ ]


前一篇:
后一篇:

栏目精选

云上小悟,麦新杰的独立博客

Ctrl+D 收藏本页

栏目


©Copyright 麦新杰 Since 2014 云上小悟独立博客版权所有 备案号:苏ICP备14045477号-1。云上小悟网站部分内容来源于网络,转载目的是为了整合信息,收藏学习,服务大家,有些转载内容也难以判断是否有侵权问题,如果侵犯了您的权益,请及时联系站长,我会立即删除。

网站二维码
go to top