博客字体浅析

知更鸟
知更鸟
知更鸟
1518
文章
6914
评论
2011年1月13日00:43:43 44 10K
摘要

  有关网页应使用什么字体的技术文章很多,对此偶没什么深入研究,只是凭个人感受说一下博客模板使用什么字体更科学。
  伴随着Windows Vista中文版的推出,一种新的屏幕显示字体“微软雅黑”也同时浮出水平,个人博客默认使用雅黑字体的也越来越多,包括热点新闻主题默认采用的也是微软雅黑字体,据说微软雅黑字体每个字的造价成本在 100 美元左右。不过我发现不少童鞋很喜欢把雅黑字体换成宋体,不知是受哪篇技术文章熏陶的,认为宋体才适合中文网站使用,个人认为…

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

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

博客字体浅析

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

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

博客字体浅析

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

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

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

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

博客字体浅析

继续阅读
weinxin
关于本站
分享交流WordPress经验与技巧,关注前端设计与网站制作。仅用于功能演示。
最佳 CSS 框架 Web前端

最佳 CSS 框架

在构建网站时,使用 CSS 框架是一个实时的节省,因为它为您提供了每个网页设计师和前端开发人员在制作网站时需要的工具。 CSS 框架是一个软件框架,它允许使用 HTML/CSS 进行更简单、更符合标准...
line-height安卓中不垂直居中 Web前端

line-height安卓中不垂直居中

设计响应式网页,PC端和移动端的样式兼容性,很让人挠头,最常见的就是文字垂直不居中,而且苹果手机和安卓手机下表现也不尽相同,往往苹果手机是垂直居中的,但在安卓机上字却靠上了,总是差那么一像素,应该是安...
jQuery幻灯片插件:OWL Carousel Web前端

jQuery幻灯片插件:OWL Carousel

Owl Carousel 是一个强大、实用但小巧的 jQuery 幻灯片插件,它具有以下特点: 兼容所有浏览器 支持响应式 支持 CSS3 过度 支持触摸事件 支持 JSON 及自定义 JSON 格式...
js实时获取浏览器窗口大小 Web前端

js实时获取浏览器窗口大小

js实时获取浏览器窗口大小,我们可以使用addEventListener()方法来实现。该addEventListener()方法可以注册事件处理程序以侦听浏览器窗口resize事件,例如window...
匿名

发表评论

匿名网友 填写信息

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

评论:44   其中:访客  35   博主  8   引用   1
    • 晨露博客 晨露博客 2

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

      • acking acking 4

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

          • 知更鸟 知更鸟

            @ acking 呵呵,那还是按这个教程弄一下吧,免得闹眼睛
            https://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寸以上的液晶屏吧

                            • 邓肯 邓肯 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

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