调整WordPress默认字体大小

正式使用WordPress来搭建博客后感觉有些地方的默认字体过小,这可能是WordPress着重考虑英文字体的原因。之前写的《修改FireFox页面中小字体的方法》仅解决了FireFox中的显示,在其它浏览器仍然感觉字体过小,因此继续在网上查找解决办法。

组合了一些解决办法实现了对WordPress 2.9.2简体中文版的调整,其它版本可以以此为参考:

1. 在FireFox中安装Firebug插件,用来分析某一段文字所使用到的CSS格式(包含继承关系)。参考自 “wordpress默认主题字体修改
使用方法是选择一块连续的文字(想调整行距的话需要选择至少两行的正文),右击选择“Inspect Element”菜单,然后试着在Firebug的Style界面修改字体大小的CSS内容,可以实时显示结果。找到合适的字体大小值后直接修改style.css文件对应行里的内容,并刷新检查显示效果。

2. WordPress 2.9.2 默认使用em作为单位,按浏览默认字体换算关系是10px=0.625em(即1em=16px)。在body中设置“font-size: 62.5%;”可以实现1em=10px的换算关系,这样1.2em即12px,可以很方便的跟px完成换算。但对于汉字,1.2em理论上是12px,而实际上显示的汉字大于12px,解决办法是把62.5%改成63%:font-size: 63%; 参考自 “em px区别

3. 如果决得正文的行高过于紧密,可以适当调整行高。在正文里选择两行以上的内容,使用第1步里提到的方法修改。参考自 “调整wordpress 中文章行距和字体大小

我这里WordPress 2.9.2 简体中文版实际修改的地方:
1) 第26行把62.5%改成63% (第2步改比例)
2) 第58行把1.4em改成1.6em (第3步改行高)
3) 第91行把0.9em改成1 em(第2步改标签后文章描述)
4) 第154行把0.9em改成1 em(第2步改评论字体大小)
5) 第192行把1em改成1.2em (第2步改右则边栏字体大小)

Tags: ,

8 Responses to “调整WordPress默认字体大小”

  1. pcbaike说道:

    嗯 学习了 但是我改的整个字体都变大了 我想让正文字体变大 最好是在编辑器里面能够设置最好 我用的是INOVE主题 能改么?

    • lordong说道:

      你可以试试第1条在Firefox里安装Firebug插件,打开想修改字体的网页然后点Firebug图标,找到修饰正文的css段,可以试修改看看效果,然后对应的修改css文件

  2. blueseago说道:

    学习了,按照博主的方法,成功改造右边栏字体大小。

  3. e团网说道:

    谢谢,文章收藏了。

  4. 王小嗨说道:

    LorDong's Blog由 WordPress 驱动
    文章 (RSS) 和 评论 (RSS)。

    请问这个地方的字体大小如何调整?我不用你提供的工具,谢谢。

    • lordong说道:

      好象没有可以刻意调整那个区域,调其它地方尾部那里也跟着调了,还是用那个工具查一下吧,也不太难用。

  5. 王小嗨说道:

    不会用。。。

Leave a Reply


提醒: 评论者允许使用'@user空格'的方式将自己的评论通知另外评论者。例如, ABC是本文的评论者之一,则使用'@ABC '(不包括单引号)将会自动将您的评论发送给ABC。请务必注意user必须和评论者名相匹配(大小写一致)。