调整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: ,

This entry was posted on 星期一, 8 3 月, 2010 at 15:37 and is filed under 东东博客. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

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

  1. 大敏说道：
    2010年03月8日 21:23

    学习了

    回复
  2. pcbaike说道：
    2010年06月4日 18:12

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

    回复
    • lordong说道：
      2010年06月4日 21:02

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

      回复
  3. blueseago说道：
    2010年06月13日 21:50

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

    回复
  4. e团网说道：
    2010年08月21日 17:11

    谢谢，文章收藏了。

    回复
  5. 王小嗨说道：
    2012年02月14日 05:55

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

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

    回复
    • lordong说道：
      2012年02月14日 20:47

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

      回复
  6. 王小嗨说道：
    2012年02月14日 05:55

    不会用。。。

    回复

Leave a Reply