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

  2009-4-26    

 小浒子    

 Wordpress    

 

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

您可能对以下文章有兴趣:

关于此篇日志的一些信息:

您要是觉得本博客的内容不错，想最快看到我写的文章：请狂点我订阅

如果您喜欢这篇文章可以狂点后面的链接分享给其他人：收藏、分享这篇文章!

--------------------------------------------------------------------------------

 

返回首页  

 

Follow Me  

单击此处您只需要填个表格，就可以直接发邮件给博主！

已经有57位童鞋灌过水！   【单击此处参加灌水】

  1. 减法 灌水:
    2009年11月17日 - 2:14 下午 Notify

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

    回复该评论

  2. 很黄很暴力de生活 灌水:
    2009年8月04日 - 7:19 下午 Notify

    这种风格挺不错的！我喜欢！

    回复该评论

  3. 匹克 灌水:
    2009年7月31日 - 5:17 下午 Notify

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

    回复该评论

  4. LAONB 灌水:
    2009年7月07日 - 7:19 下午 Notify

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

    回复该评论

  5. chancat 灌水:
    2009年6月22日 - 11:23 下午 Notify

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

    回复该评论

  6. RisingSun 灌水:
    2009年6月09日 - 8:08 上午 Notify

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

    回复该评论

  7. bolo 灌水:
    2009年6月04日 - 10:22 下午 Notify

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

    回复该评论

  8. 小猫 灌水:
    2009年5月31日 - 2:14 下午 Notify

    哈哈。。支持你

    回复该评论

  9. 匡威 灌水:
    2009年5月28日 - 5:17 下午 Notify

    尽力好好和你走下去

    回复该评论

  10. lala 灌水:
    2009年5月24日 - 10:10 上午 Notify

    支持！！！！！！！！！！！！！！1

    回复该评论

  11. 短歌行 灌水:
    2009年5月20日 - 10:10 上午 Notify

    技术贴子，好，支持你！！

    回复该评论

  12. Alex 灌水:
    2009年5月18日 - 1:13 下午 Notify

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

    回复该评论

  13. 卢松松 灌水:
    2009年5月14日 - 3:15 下午 Notify

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

    回复该评论

  14. 少年阿宾 灌水:
    2009年5月11日 - 1:13 下午 Notify

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

    回复该评论

  15. 狂舞网络 灌水:
    2009年5月06日 - 5:17 下午 Notify

    不错，有耐心。

    回复该评论

  16. 思亭 灌水:
    2009年5月03日 - 6:18 下午 Notify

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

    回复该评论

  17. 小白杨博客 灌水:
    2009年5月02日 - 1:13 下午 Notify

    博客不错吗！看看我的小博，群主有兴趣进入群中交流吗？独立博客群：56101086

    回复该评论

  18. William Hua 灌水:
    2009年5月01日 - 11:23 下午 Notify

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

    回复该评论

  19. 嘎嘎 灌水:
    2009年4月29日 - 9:21 下午 Notify

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

    回复该评论

  20. 二手科学家 灌水:
    2009年4月29日 - 10:10 上午 Notify

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

    回复该评论

  21. Await 灌水:
    2009年4月29日 - 3:03 上午 Notify

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

    回复该评论

  22. 月夜 灌水:
    2009年4月28日 - 6:18 下午 Notify

    IE8下，雅黑字体，效果不错的说。呵呵。

    回复该评论

  23. Mr-Z 灌水:
    2009年4月27日 - 9:21 下午 Notify

    我自设的微软雅黑

    回复该评论

  24. 哇资讯博 灌水:
    2009年4月27日 - 9:21 下午 Notify

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

    回复该评论

  25. jogocun 灌水:
    2009年4月27日 - 9:21 下午 Notify

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

    回复该评论

  26. 雪深 灌水:
    2009年4月27日 - 7:19 下午 Notify

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

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

    回复该评论

  27. 丟番圖 灌水:
    2009年4月27日 - 5:17 下午 Notify

    好奇問一下，版主這個是WordPress程序嗎？

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

    回复该评论

  28. 篮球博客 灌水:
    2009年4月27日 - 5:17 下午 Notify

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

    回复该评论

  29. Jutoy 灌水:
    2009年4月27日 - 2:14 下午 Notify

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

    回复该评论

  30. William Hua 灌水:
    2009年4月27日 - 2:14 下午 Notify

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

    回复该评论

  31. shams 灌水:
    2009年4月27日 - 12:12 下午 Notify

    我喜欢大字体，一般都设12以上的

    回复该评论

  32. 菠菜 灌水:
    2009年4月27日 - 12:12 下午 Notify

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

    回复该评论

  33. 免费虚拟主机 灌水:
    2009年4月27日 - 11:11 上午 Notify

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

    回复该评论

  34. 老时 灌水:
    2009年4月27日 - 9:09 上午 Notify

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

    回复该评论

  35. 回忆 灌水:
    2009年4月27日 - 9:09 上午 Notify

    我用火狐，显示正常。 :顽皮:

    回复该评论

  36. 智康博客 灌水:
    2009年4月27日 - 8:08 上午 Notify

    字体长大了一些

    回复该评论

  37. 陶陶 灌水:
    2009年4月27日 - 8:08 上午 Notify

    一直用Firefox带雅黑。。。

    回复该评论

  38. cheerego 灌水:
    2009年4月27日 - 2:02 上午 Notify

    看起来清爽多了@！~

    回复该评论

  39. fworld 灌水:
    2009年4月26日 - 11:23 下午 Notify

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

    回复该评论

  40. anliu 灌水:
    2009年4月26日 - 10:22 下午 Notify

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

    回复该评论

  41. welee 灌水:
    2009年4月26日 - 8:20 下午 Notify

    不错啊，字体大些看得比较舒服。

    回复该评论

  42. Yacca 灌水:
    2009年4月26日 - 8:20 下午 Notify

    右侧边栏有点长..

    回复该评论

  43. 曼陀果 灌水:
    2009年4月26日 - 6:18 下午 Notify

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

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

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

    回复该评论

  44. 小浒子 灌水:
    2009年4月26日 - 7:19 下午 Notify
    在主题文件夹里的style.css中找Font，各个皮肤的CSS都是不完全相同的。

    回复该评论

  45. 小浒子 灌水:
    2009年4月26日 - 8:20 下午 Notify
    具体说下使用的浏览器哈~

    回复该评论

  46. Yacca 灌水:
    2009年4月26日 - 9:21 下午 Notify

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

    回复该评论

  47. 小浒子 灌水:
    2009年4月26日 - 9:21 下午 Notify
    哇哈~这样啊~吓死我了！侧边栏多了感觉比较充实点。

    回复该评论

  48. 小浒子 灌水:
    2009年4月26日 - 10:22 下午 Notify
    那个只是不同的CSS而已，替换下就OK了。
    你是不是IE6且没有装微软雅黑字体哈？

    回复该评论

  49. anliu 灌水:
    2009年4月26日 - 10:22 下午 Notify

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

    回复该评论

  50. 小浒子 灌水:
    2009年4月27日 - 9:09 上午 Notify
    win7自带的是IE8,IE8下已经测试通过了。

    回复该评论

  51. 小浒子 灌水:
    2009年4月27日 - 11:11 上午 Notify
    恩，对的，正在修改调试中…

    回复该评论

  52. 小浒子 灌水:
    2009年4月27日 - 1:13 下午 Notify
    能说的具体点嘛！ :谦虚:

    回复该评论

  53. Jutoy 灌水:
    2009年4月27日 - 2:14 下午 Notify

    没有这种感觉……

    回复该评论

  54. 小浒子 灌水:
    2009年4月27日 - 8:20 下午 Notify
    正在着手解决这个问题。

    回复该评论

  55. 小浒子 灌水:
    2009年4月27日 - 10:22 下午 Notify
    用的是13PX

    回复该评论

  56. 小浒子 灌水:
    2009年4月29日 - 4:16 下午 Notify
    日志正文已经调整为14px了，thanks。

    回复该评论


 发表评论

:遗憾: :苦笑: :羡慕: :痛苦: :生气: :满足: :期待: :无颜: :惊慌: :快乐: :奸笑: :哦哦: :再见: :不懂: :不屑: 注意: 此部分内容尚在制作中......

« IE浏览器保存网页中所有图片的方法
临时Email电子邮箱,让电子邮箱定时消失! »
关闭
E-mail It