当前位置:网站首页 / 建站知识 / 网站设计知识

网站设计字体及字体大小选择技巧

来源:未知时间:2014-05-13 01:16点击:

文字可以说是一个网站的主要组成部分,网站设计字体及字体大小的的选择直接影响网站整体的视觉效果。虽然现在的字体种类非常多,但是可以供网站设计师选择的字体还是比较少的,这是因为网站设计要以用户体验为中心,要考虑到客户端浏览器的兼容性,这就要求网站设计要尽量使用客户端广泛安装的字体,已达到最大的兼容性。当然,有时候为了更好的表达网站主题,我们还是很有必要选择某种特殊字体设计网站,这时你可以将文字制作成图片的形式。那么网站设计到底有哪些字体和字体大小可以供我们选择呢?下边让我们共同来做网站设计字体及字体大小选择的深入探讨。

网站设计字体的选择

一般网站客户端计算机中都安装有多种字体,浏览器会使用默认字体浏览网页,如Windows中文版操作统默认字体是宋体或新宋体,在微软最新推出Vista系统中,默认字体为微软雅黑。微软雅黑是微软公司为其新一代操作系统Vista开发中文字体,它是迄今为止个人电脑上可以显示得最清晰中文字体。该字体将作为默认字体取代目前XP系统下默认中文宋体,以支持高清显示ClearType功能。以上这些字体是大多数电脑都有安装字体,也就是说,如果网站所用的不是以上字体而是后期客户自行安装到网站中字体,那么在别的电脑浏览器里,如果没有装这个字体,那么浏览者看到还是宋体或者微软雅黑,这也是为什么网站制作中基本用都是宋体或微软雅黑的原因,因为宋体或微软雅黑在大多数电脑里都有存在。当你不能确保所设置字体在所有浏览者电脑中都安装时,将一种通用字体加在字体列表最后是一种好做法,这也是CSS推荐用法。而多于英文字体,可选择相对会多一些,毕竟网站技术是西方发明,英文通用字体包括下面5类。

01、sans-serif:有比例但没有衬线字体,此类用字体有Arial。
02、cursive:模拟人笔迹字体,一般这字体大部分是由曲线和比衬线字体更强笔画修饰组成,此类常用字体有ComicSans。
03、fantasy:特殊字体,这些字体不通过某种单一特性来定义,而且也不能简单地归为其他系列中某一类,此类字体比较少。
04、monospace:无比例字体,通常用于模拟打字机打出字体,这些字体中每个符都占有同样宽度,此类常用字体有Courier。
05、serif成比例有衬线字体, 成比例是指字体中所有字母根据它们不同尺寸占据同宽,如字母i和m所占宽度是不同。衬线是指字体上附加装饰性细线,如小写字母会在项部和底部附加细线。此类常用字体有Times。

为了保证在更多浏览者计算机上都能正确显示字体,我们提倡网站设计师在选择字体时使用系统默认字体,如中文宋体或新宋体,英文Arial。这样可以保证用户系统中字体缺乏时,浏览器能够正确解析并显示文字

网站设计字体大小的选择

网站设计字体大小的选择是用户体验中的一个重要部分,过大过小都会影响用户体验。不同的分辨率,不同的显示器尺寸,不同的DPI,乃至不同的浏览器设置,都会对最终展现的文字大小带来影响。虽然现在很多浏览器已经可以方便地缩放页面,但用户每次光临都要重新缩放,总归麻烦,何况还有许多用户不知道如何缩放页面。最好还是在网站设计时根据用户的分辨率给用户一个比较体贴的默认字体大小,那这个字体大小多大合适呢?

对于很多专业网站设计师来说,很习惯的使用某一字体大小,比如14px或12px。有时候我们设计网站时并不会十分仔细的考虑字体大小的选择,因为在国内网站来说12px和14px基本成了所有网站字体的标准大小,那么为什么我们不用13px字体大小呢?首先我们来看一些网站设计达人的见解:

01、13px的笔划基本上都是以1像素为单位的,比较而言,13px的宋体字跟12px、14px的宋体字相比,不耐看;
02、12px的宋体字显示区域是11px,13px的显示区域是12px,显示区域为偶数时会使文字重心产生偏移;
03、13px宋体,在clearType的影响下会显得偏大,看上去等于14px;
04、13px在Firefox下,很难看,特别是加粗之后;
05、部分字体无法在IE6浏览器下设置为13px大小,看上去会和14px一样大。

以上来自网络的观点非常让我们一下子就了解了为什么我们不用13px大小字体的原因,不过济南网站设计还是整理了一点自己的补充观点,请注意参考图片理解。

01、网站设计师使用的设计软件本身默认没有13px选项,比如PS设计软件,所以13px大小字体使用得比较少;
02、网站设计时13px在PS设计阶段实际上和12px大小一样,只是间隔大了一个像素而已。

网站设计字体及字体大小

以上就是济南网站设计对选择恰当网站设计字体及字体大小的深入探讨,网站设计就是这样,有的时候就算是1px的差异,就可能影响这个网站的视觉效果,最终影响到网站建设的质量,作为专业网站设计师必须要掌握和了解得更多,才能设计出更出色的网站。