如何修改博客字体为微软雅黑

  • 内容
  • 评论
  • 相关

微软雅黑

都说雅黑是最清晰易读的字体, 博客试用后确实如此, 看上去明亮多了.

感谢二肯工作室的小为童鞋无私帮助, 也希望更多中文博客支持微软雅黑.

如何让博客支持雅黑

在修改之前我们要弄清楚两个问题

  1. 如果浏览者没有安装微软雅黑字体, 即使修改CSS, 对方也看不到效果. 而且XP盛行, 这就意味着修改可能意义不大.
  2. 当修改CSS显示为雅黑字体后, 如果对方没有安装字体, 则会自动选择第二字体, 所以不必担心博客出问题.

如何修改CSS代码, 下面是段示例.

1
2
3
4
5
6
7
body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: 微软雅黑, Arial, Helvetica, sans-serif;
color: #333;
text-align: center;
background:#f4f1ea url(images/header_bg.jpg) repeat-x center top;
}

在主题style.css里找到对应的font-family就OK, 如果你想让主题所有的字体都支持雅黑, 那就Ctrl+F一个个加吧.

注: 修改style.css的编码为UTF-8才能支持中文.

好好对待自己的眼睛

点击查看关于微软雅黑的介绍, 善待自己的眼睛, 赶紧下载一个雅黑字体吧.

天极网下载 中关村在线下载 非凡下载

再次感谢小为童鞋无私的帮助, 如果CSS能支持中英文字体分别设置就太好了.

End

评论

20条评论
  1. Gravatar 头像

    丁阿牛

    这个评论的字体咋这么小泥? 主题不错。嘎嘎

  2. Gravatar 头像

    langmuir

    不错的文章~

    两边的手蛮慎人的~滑的我怕怕~= =

  3. Gravatar 头像

    SunshineG

    新主题很漂亮

  4. Gravatar 头像

    卢松松

    因为大多数用户都没有雅黑字体,建议博主应该这样设置 微软雅黑, 宋体,Arial, Helvetica, sans-serif;

    • Gravatar 头像

      小为

      @卢松松 @卢松松, 我觉得字母在宋体下很难看,相对比我更喜欢设置成 微软雅黑,Arial,宋体,其他

  5. Gravatar 头像

    Kevin

    好东西,收藏了!

  6. Gravatar 头像

    hackcat

    雅黑好看多了~

  7. Gravatar 头像

    schuen

    it's better

  8. Gravatar 头像

    所以说

    那个图是不是讽刺。。。绝对没有清晰啊。小字感觉都模糊了。。

    • Gravatar 头像

      黑白天空

      @所以说 @所以说, 现在字体修改大了, 应该好很多了吧, 谢谢你的建议.

  9. Gravatar 头像

    Alex

    字体太小用雅黑就不怎么好看。。。

    • Gravatar 头像

      黑白天空

      @Alex @Alex, 哎, 看来我真的有必要修改一下字体的大小了, 真的太小了么? 我感觉还可以嘛, 评论的字体是故意这么小的, 看上去有差异.

  10. Gravatar 头像

    ZH CEXO

    嗯,你的博客的字是有些小,而我的博客字很大,虽然是宋体,但也容易看清晰,我不觉得有什么不好

  11. Gravatar 头像

    Netputer

    个人建议,使用 Microsoft Yahei 而不是微软雅黑。

    因为以前汉化一个软件时,写后者那字体怎么也写不出来,换成前者就正常了。

    同时,也不需要改编码为 UTF-8无DOM 的啦,貌似若 CSS 和 HTML 编码不同,会出现问题吧。(貌似而已……)

    • Gravatar 头像

      黑白天空

      @Netputer @Netputer, 如果是中文就必须修改的, Microsoft Yahei和微软雅黑不一样么? 这个貌似不太清楚, 还有待请教.

  12. Gravatar 头像

    小为

    等WIN7出来之后基本上所有的计算机都装有微软雅黑,那样很多网页显示的效果能好很多。

    但是现在使用Arial仍然还是很多网站的选择。

    雅黑显示的效果我很喜欢。

  13. Gravatar 头像

    dreamfree

    你博客字体太小了 🙁

    • Gravatar 头像

      黑白天空

      @dreamfree @dreamfree, 不会吧, 我看上去蛮好的, 小为也说可以, 再大怕撑破页面.

    • Gravatar 头像

      小为

      @dreamfree @dreamfree, 我在FF3.5/CR3.0/IE8下的显示字体都足够大,不过留言部分的字体好像有点小了。

      修改下 font-size:12px; 就OK了。

      留言部分确实有点小了。