博客主题CSS的一些优化和修改

其实很早以前就有人对我博客的一些”小毛病”提出抗议,其中最大的就是关于字体的显示问题。前几天仔细观察了下,如果你将浏览器的默认字体弄成微软雅黑看起来还是不错的,但如果用的是默认的字体,看起来确实费点劲,所以我决定调整下博客的CSS,最主要的是解决字体显示的问题。
首先我加大了字体的显示大小,增加了日志的行间距,似乎现在看起来是舒服多了。其次将优先使用微软雅黑字体,所以如果你想获得最佳的视觉体验,建议安装微软雅黑字体。其它方面嘛,把CSS优化了下,把小标签加上了Span标签,SEO一小下。
到现在测试只有在IE6且没有安装雅黑字体时,页面顶部有略微错位外,暂没发现其他问题。也请各位来访的朋友帮忙测试下,发现有任何问题,可以留言说明下,便于我继续修改哈!THANKS!^_^!
IE6+无微软雅黑字体的显示问题已经解决!

随机日志

Subscribe to Comments RSS Feed in this post

58 回复

  1. 您的这款WP主题很棒,非常实用,向您学习。

  2. 这种风格挺不错的!我喜欢!

  3. :高兴: 呵呵。。。有时间教我弄博客吧。。。

  4. 回去放大字体,以前老觉得小字看着整洁.

  5. 请问你侧边栏的 最新回复 ajax效果 是如何实现的 。是插件还是?

  6. 是啊,这些东西真的蛮麻烦的,我都被折腾够了,话说回来,还是本人技术部够啊,哈哈

  7. css做好兼容性就可以了,字体最好不要用标准网页字体以外的了

  8. 哈哈。。支持你

  9. 尽力好好和你走下去

  10. 支持!!!!!!!!!!!!!!1

  11. 技术贴子,好,支持你!!

  12. 文章正文的字体取大点看得会舒服点,我刚才也修改我自己的主题,雅黑用来做正文是满好看的,但用来做标题就不怎么行了。。
    你的主题在Firefox 3下底部会有一个横杠,可能宽度超出了1024了吧。。。

  13. 嗯 不错 学习了!
    雅黑字体很多电脑都没有!
    我开始也用 虽然很好看,但在其他人电脑上都不能正常显示出来。
    后来就改回去了!

  14. 很清爽 Firefox 没有问题 显示正常

  15. 不错,有耐心。

  16. 现在看起来,确实舒服多了,而且你这个主题也很不错的。

  17. 博客不错吗!看看我的小博,群主有兴趣进入群中交流吗?独立博客群:56101086

  18. 现在效果很不错了 :满足:

  19. 浏览起来更舒服了哦! :调皮:

  20. 14px字体看着够清晰,不过font要统一真的不易,互联网安全字体

  21. 个人觉得正文应该是14PX最合适。看着不累,清晰

  22. IE8下,雅黑字体,效果不错的说。呵呵。

  23. 我自设的微软雅黑

  24. 嗯,确实舒服多了,现在是几号字? 12PX?

  25. 字体加大了,大气了,突然感觉有些不习惯呢~ :顽皮:

  26. 评论的字体应该大一点啦 如下

    昵称
    电子邮件 (请留下您的真实电子邮件,我将通过E-mail联系你!) 网址

  27. 好奇問一下,版主這個是WordPress程序嗎?

    頁底沒見到WP的標示,如果是的話想順便問問佈景是啥?

  28. 如果没有注意。。真的没发觉改了。

  29. 呵呵我也是通过CSS优先了雅黑…没有雅黑我让它标题显示黑体,正文显示宋体。 :羡慕:

  30. 有雅黑字体
    FF 和 Chrome下效果都不错
    正文比以前看着舒服

  31. 我喜欢大字体,一般都设12以上的

  32. 雅黑尽量别在全站用的好,像正文太多文字时,使用雅黑的话,会影响阅读体验。

  33. 换成这个字体 之后 留言的字就小了 不过好在还能对付看,.

  34. 在win7下显示应该也不同吧。。。

  35. 我用火狐,显示正常。 :顽皮:

  36. 字体长大了一些

  37. 一直用Firefox带雅黑。。。

  38. 看起来清爽多了@!~

  39. 火狐最新版本没有任何出错现象的,显示正常

  40. 顶部是在IE下显示是有点错位,记得以前你的顶部很高像是黑色的,个人更喜欢以前的 :高兴:

  41. 不错啊,字体大些看得比较舒服。

  42. 右侧边栏有点长..

  43. 你的博客看起来好漂亮~字体都是微软雅黑的,真的很好看呀~

    还有,机器猫表情我最喜欢~

    怎么改字体呀? :再见: :得意:

  44. 在主题文件夹里的style.css中找Font,各个皮肤的CSS都是不完全相同的。

  45. 具体说下使用的浏览器哈~

  46. firefox啊 不是说出现什么兼容问题 而是你侧边栏内容太多了….

  47. 哇哈~这样啊~吓死我了!侧边栏多了感觉比较充实点。

  48. 那个只是不同的CSS而已,替换下就OK了。
    你是不是IE6且没有装微软雅黑字体哈?

  49. 是的,对了你的域名和我现在注册一个hengood.com很般配哦

  50. win7自带的是IE8,IE8下已经测试通过了。

  51. 恩,对的,正在修改调试中…

  52. 能说的具体点嘛! :谦虚:

  53. 没有这种感觉……

  54. 正在着手解决这个问题。

  55. 日志正文已经调整为14px了,thanks。

发表评论

你的电子邮件地址将被保密,不会公开.




:遗憾: :苦笑: :羡慕: :痛苦: :生气: :满足: :期待: :无颜: :惊慌: :快乐: :奸笑: :哦哦: :再见: :不懂: :不屑: