code人生 / 生活随笔 · 2012 年 5 月 16 日 17

Wordpress字体效果微调

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

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

#content textarea {
	color: #333;
	font-size: 14px;
	font-family:Microsoft Yahei;
	line-height: 180%;
	letter-spacing:0.1em;
}

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

17
0
希望看到您的想法,请您发表评论x