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

Posted on 八月 18, 2009 | Author: 黑白天空 | Filed under: My WordPress | View: 1,051

(20) Comments

微软雅黑

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

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

如何让博客支持雅黑

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

  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

> Tags: ,
> 转载请遵循 "署名-非商业用途"的创作共用协议, 引用请附上文章原始地址
> 如喜欢这篇文章或者本站,建议您通过RSS订阅, 以及时获取更新内容!

20 个人对此文表达了自己的看法 | 点我去留言

  1. dreamfree 说道：
    2009-08-18 14:48

    你博客字体太小了 :(

  2. 黑白天空 说道：
    2009-08-18 15:01

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

  3. 小为 说道：
    2009-08-18 16:42

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

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

    留言部分确实有点小了。

  4. 小为 说道：
    2009-08-18 16:44

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

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

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

  5. Netputer 说道：
    2009-08-18 19:09

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

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

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

  6. ZH CEXO 说道：
    2009-08-18 19:46

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

  7. Alex 说道：
    2009-08-18 23:13

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

  8. 黑白天空 说道：
    2009-08-19 00:11

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

  9. 黑白天空 说道：
    2009-08-19 00:12

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

  10. 所以说 说道：
    2009-08-19 09:09

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

  11. 黑白天空 说道：
    2009-08-19 13:07

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

  12. schuen 说道：
    2009-08-19 23:39

    it’s better

  13. hackcat 说道：
    2009-08-21 15:26

    雅黑好看多了~

  14. Kevin 说道：
    2009-08-22 12:41

    好东西，收藏了！

  15. 仁心博客 说道：
    2009-08-23 09:17

    好看多了

  16. 卢松松 说道：
    2009-08-25 14:43

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

  17. SunshineG 说道：
    2009-08-26 01:08

    新主题很漂亮

  18. langmuir 说道：
    2009-08-27 09:53

    不错的文章～

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

  19. 小为 说道：
    2009-08-30 20:38

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

  20. 丁阿牛 说道：
    2010-04-28 01:34

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

想要说点什么