博客字体浅析

Web前端4410.4K阅读模式
摘要  有关网页应使用什么字体的技术文章很多,对此偶没什么深入研究,只是凭个人感受说一下博客模板使用什么字体更科学。   伴随着Windows Vista中文版的推出,一种新的屏幕显示...

有关网页应使用什么字体的技术文章很多,对此偶没什么深入研究,只是凭个人感受说一下博客模板使用什么字体更科学。

伴随着Windows Vista中文版的推出,一种新的屏幕显示字体“微软雅黑”也同时浮出水平,个人博客默认使用雅黑字体的也越来越多,包括热点新闻主题默认采用的也是微软雅黑字体,据说微软雅黑字体每个字的造价成本在 100 美元左右。不过我发现不少童鞋很喜欢把雅黑字体换成宋体,不知是受哪篇技术文章熏陶的,认为宋体才适合中文网站使用,个人认为这是一种误解,宋体显示中文汉字还是勉勉强强,不过要是中英文混排缺陷就明显了,宋体对英文字母支持欠佳,看上去单薄无力,而微软雅黑对中文、英文支持都非常好,另外一个对中英文混排支持比较好的字体是Verdana,一般的操作系统默认都集成此字体。用文字有点说不清楚,有图有真相,看下面的高清截图一目了然。

博客字体浅析-图片1

看完上面的对比,很明显地发现最清晰的字体是微软雅黑,在中文显示上宋体与Verdana基本相当,后者略好于前者,但后者在显示英文及数字时明显优于前者,而且细看之下,会发现这两个字体在字号不同时,字型竟然也不相同,在14px时显得比较清晰自然,但与微软雅黑还是无法比拟。

可是为什么还是有人喜欢换掉微软雅黑字体呢?除了受网上一些教程的影响外,可能另一个原因就是,在某些未优化的系统上安装微软雅黑后,看上去发虚或有毛刺,如下图:

博客字体浅析-图片2

那么如何才能让微软雅黑字体在屏幕上显示更清晰呢,请参考我之前写的:让微软雅黑字体在你的屏幕上更清晰

随着新一代操作系统Windows 7的一遍好评论,越来越多的朋友都已用上了,虽然我个人对这个系统不是很感冒,继续延续XP的辉煌,不过通过查看博客统计,使用Windows 7的浏览者所占的比例已很大。Windows 7系统默认字体也是微软雅黑,并且新系统本身集成了ClearType渲染技术,显示微软雅黑字体效果更佳(上面的图片是XP系统下截图)。

总结,开博客虽然大多数情况下是自娱自乐,但终归不是给自己一个人看的,如果你真的不喜欢微软雅黑字体,也没必要特意换成宋体,如我做的热点新闻主题,如果浏览者系统中无雅黑字体,浏览器会自动选择第二位的Verdana字体,显示效果优于宋体。

附:我博客微软雅黑字体高清截图,不知你是否也能看到这个效果。

博客字体浅析-图片3

本站文章大部分始于原创,用于个人学习记录,可能对您有所帮助,仅供参考!

weinxin
我的微信
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
 
知更鸟
评论  44  访客  35  作者  8
    • 晨露博客
      晨露博客 2

      字体是一个很重要的美观因素。。

      • acking
        acking 4

        不过我这台机器看你博客的确很吃力,字体颜色深浅不一

          • 知更鸟
            知更鸟

            @ acking 呵呵,那还是按这个教程弄一下吧,免得闹眼睛
            http://zmingcx.com/recommended-the-installation-of-xp-system.html

            • 酷6
              酷6 1

              @ acking 哈哈~~~嘻嘻

              • svcoo
                svcoo 4

                @ acking 我的电脑也有这个问题,之前说微软的字体不好,被鸟哥”批了一顿”

              • 有点蓝
                有点蓝 4

                真是处处都有学问啊

                • 恋上苹果
                  恋上苹果 4

                  还是液晶显示器的问题,我的笔记本就很正常

                  • 韩国
                    韩国 5

                    我跟你用的是同一个主题,不知道主题显示的字体能在大一点吗?

                    • Louis Han
                      Louis Han 6

                      嗯 我看到的就是雅黑字体

                      • elaphent
                        elaphent 4

                        异常讨厌宋体

                        • 夜色AAA
                          夜色AAA 2

                          又长知识咯。

                          • 苹果
                            苹果 5

                            再好的字体,没有好的显示器依然是浮云,大家都去弄个19寸以上的液晶屏吧

                              • wiskeyjohn
                                wiskeyjohn 2

                                @ 苹果 哈哈,不会吧~~~

                              • 邓肯
                                邓肯 4

                                我的微软雅黑是不是安装出错了,显示不是你截图的那种效果,不知道怎么搞定。

                                  • 知更鸟
                                    知更鸟

                                    @ 邓肯 来个截图我瞧瞧,差哪

                                      • 邓肯
                                        邓肯 4

                                        @ 知更鸟 按你说的在XP下调试方法 搞定了 以前老看着发虚 现在看着舒服多了

                                    • wmtimes
                                      wmtimes 7

                                      我喜欢微软雅黑

                                      • colorbird
                                        colorbird 2

                                        雅黑不错,俺是才发现,呵呵

                                        • etao
                                          etao 2

                                          鸟哥,你博客的点击图片放大是用的什么插件

                                          • 果冻蜀黍
                                            果冻蜀黍 1

                                            微软雅黑还是不错的,不过不知道是不是一直的潮流

                                            • 优趣
                                              优趣 2

                                              一般XP都没装雅黑、、!

                                              • 重庆礼品网
                                                重庆礼品网 2

                                                鄙人喜欢幼圆嘿嘿~~昨天不知道是我这点网速出问题了还是怎么的,在首页一直显示加载就是进不来…烦的很,最近重庆的网貌似都有问题,不管是电信还是联通~!

                                                • smilebull
                                                  smilebull 2

                                                  微软雅黑确实挺好看的

                                                  • 小屁人
                                                    小屁人 6

                                                    装上留言显示浏览器了以后发现,很多用户用的是xp,如果没有装雅黑字体,会显示的很不好看的!也许是这个原因吧!

                                                    • 蛋糕
                                                      蛋糕 4

                                                      学习!

                                                      • codeex
                                                        codeex 2

                                                        这年头,竟然发现好多机器都没升级,winxp+ie6的比比皆是,郁闷啊。

                                                          • 知更鸟
                                                            知更鸟

                                                            @ codeex 除了因为现在装机用的GOST版默认都是IE6之外,主要是因为大部分人电脑知识太少

                                                          • 做网站
                                                            做网站 3

                                                            字体是影响视觉的重要因素之一…..

                                                            • 给力文
                                                              给力文 1

                                                              分析的非常不错,顶你

                                                              • WindSays
                                                                WindSays 0

                                                                我就讨厌宋体,这个世界宋体太多了!

                                                                • 人人爱新奇
                                                                  人人爱新奇 4

                                                                  我原本的英文主题
                                                                  好多字体都是用英文的
                                                                  找个时间改回来才好了

                                                                    • 知更鸟
                                                                      知更鸟

                                                                      @ 人人爱新奇 只要不是宋体,国外模板默认的字体Lucida Grande, Arial等显示效果还是可以

                                                                    • 92palm
                                                                      92palm 0

                                                                      之前默認是12號字的,現在覺得,至少要13或14號字才行。太小了,影響讀者。

                                                                      • 淮南婚庆
                                                                        淮南婚庆 0

                                                                        微软黑雅用在博客里 感觉很不错的!!

                                                                        • deep
                                                                          deep 4

                                                                          受教了,我本人也是很喜欢微软雅黑字体,但也是因为其普及度一直未尝试使用。不过看了鸟哥的文章后可以尝试下 二种字体。

                                                                            • 知更鸟
                                                                              知更鸟

                                                                              @ deep 经过测试你的主机凡是有主题控制面板的的主题,都会提示出错
                                                                              试了几款商业主题,也同样,真是坑爹的主机…搞不定了,呵呵

                                                                                • deep
                                                                                  deep 4

                                                                                  @ 知更鸟 呵,不过还是谢谢你。也帮解决了一些显示错误。

                                                                                    • 知更鸟
                                                                                      知更鸟

                                                                                      @ deep 但主题还是无法使用
                                                                                      不知道你的主机那些提示,是从那出来的,晕啊

                                                                                • Amoy厦门
                                                                                  Amoy厦门 4

                                                                                  哎,这字体很纠结。毕竟很多人显示不好。总不能让访客改字体。网上找的改字体的教程都失败了。谁来教下

                                                                                  • 嘉林
                                                                                    嘉林 4

                                                                                    很喜欢雅黑,但不支持中文标点,汉字加英文标点显得很难看。故此很多情况下还是使用宋体,因为宋体完美支持中文标点。

                                                                                  匿名

                                                                                  发表评论

                                                                                  匿名网友
                                                                                  :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

                                                                                  拖动滑块以完成验证