雅黑字体下WordPress 行高与字符间距最佳实践:1.8em与0.06em

最近看一下网站的流量统计,发现有几个关键词是一直有很多流量进来的,一个是Win8操作系统的BCD启动项修复解决方案,一个是WordPress程序修改行间距、段落间距的办法。看来WordPress新入门的玩家仍然有不少,毕竟是世界上使用人数最多的博客程序,一些比较基础的调整方法自然就是刚需了。

对于WordPress调整行间距和段落间距的方法,我在这里再说一次,利用Firefox火狐浏览器或者Chrome谷歌浏览器很容易调整和测试这些视觉效果。方法就是在你需要调整的地方点击鼠标右键——查看元素,找到当前内容所在标签和上一级标签。

Continue reading →

Wordpress字体效果微调

    之前在别人的网站看见过很整齐的字体排布,当时很羡慕,但是自己有自己的风格,我也懒得去改,但是最近几天都有朋友跟我说我博客的字体偏小,他们看不清楚。。好吧,12像素的字体对于散光和近视的同学确实非常不人性化,即使我一直觉得字体密排会好看一点,就像很多报纸上的一样。最后决定采用各位童鞋的意见,将字体改大一点调到14个像素,然后把字符间距和行间距都稍微调大了一点,这样就不会显得非常太拥挤。

    改动之后看起来确实整齐了很多,因为我直接用了更加整齐的微软雅黑字体,不过我自己看起来还是有点不习惯,毕竟一直都是密排加宋体字,现在最不习惯的就是180%的行间距,会不会太大了一点?欢迎各位来访的朋友提出建议。

    上面是实现的css代码,有意向修改自己网站字体的童鞋可以参考一下,就懒得一一注释了,相信大家都能够看懂。调节字间距记得用letter-spacing,不要用word-spacing,因为后者是针对单词调整的,也就是说英文单词之间的空格将会增大,对于汉字没什么影响。另外再次向大家推荐一款在线富文本编辑器:Kindeditor,最近这款编辑器的WP插件又更新了,完全兼容Wordpress 3.3.2,用它直接调节字体样式、大小等等非常方便,界面也非常简洁,和我们平时习惯使用的编辑器很像,现在唯一的不足是没有取代WP自带的上传功能,相信对WP自带上传部件加载速度不爽的人不止我一个吧。。