网站建设中字体和字号的选择直接影响网站的整体视觉效果,在一定程度上也会对网站优化起到一定的作用。比如在网页上更突出地显示大字体和粗体,可以增强一些信息的显示。搜索引擎也会捕捉到这些字体的大小,更加关注这些大字体和加粗字体中的信息。虽然现在字体的种类很多,但是网站建设者可以选择的字体还是比较少的,主要是网站建设要以用户体验为中心,网页做的太花哨也不好,字体太多会显得凌乱。同时也要考虑各种浏览器对这些字体的兼容性,尽量避免浏览器上显示的字体变形,这样不好。当然,有时候,为了更好的表达网站的主题,我们有必要选择一种特殊的字体来制作网页。这时候就可以把文字以图片的形式显示出来,可以适用于各种浏览器。笔者简单谈谈制作网页时如何选择字体和字号。
一、网站建设中的字体选择:
一般网站客户端电脑安装的字体很多,浏览器会使用默认字体显示网页。比如windowsXP中文版操作系统的默认字体是宋体或者新宋体。在后来的Windows操作系统中,使用微软雅荷作为默认字体,显示更加清晰,取代了XP系统中默认的中文宋体,支持高清显示ClearType的功能。大多数电脑上都安装了这些字体。但是,如果你在制作网页时选择了一种特殊的字体,但是用户的电脑中没有这种字体,那么用户在浏览网页时就无法显示这些字体,这些字体仍然以默认的宋体或者优雅的黑色字体显示。因此,为了适合更多用户浏览,在制作网页时,应该使用宋体或典雅黑作为网页的基准字体,尽量少用特殊字体。当你不能确保所有浏览器的电脑上都安装了设定的字体时,使用通用字体是可行的。至于英文字体,可供选择的字体类型相对更多。大多数电脑都配有这些英文字体。制作网页时选择什么类型并不重要,只要看起来漂亮就行。常见的英文字体主要包括以下几类:
1。sans-serif,这是一种不带衬线的比例字体。常见的字体是Arial。
2。草书,这种字体模拟了人类的笔迹。这种字体多由比衬线字体更强的曲线和笔画组成。常见字体为ComicSans。
3。monospace是一种非比例字体,用于模拟打字机键入字体。这些字体中的每个字符都占据相同的宽度,常见的字体是Courier。
4。衬线,这是一种比例衬线字体。比例是指一种字体中的所有字母根据其大小的不同而占据不同的宽度。衬线是指在字体上加上装饰性的细线。例如,小写字母会在顶部和底部添加细线。常见的字体是Times New Roman。
在制作网页的时候,为了保证字体能够在大多数浏览器上正确显示,给用户呈现一个漂亮的界面,我一般会选择使用系统默认的字体,比如中文宋体或者新歌体。再过几天,我就可以选择优雅的黑色作为默认字体,而英文选择Arial作为字体。这样可以保证在用户系统中字体缺失的情况下,浏览器能够正确识别并显示正常字符。同时我也建议大部分网站设计者可以选择系统默认字体,不要在网页的文字中使用特殊字体。如果非要用这些特殊字体的话,我建议你用这些特殊字体制作图片,然后在网页相应的位置显示图片。这样比较好,但是无形中增加了网页的体积,图片多了会延缓网页的打开速度。
二。网站建设中如何选择字体大小
网站建设中字体大小的选择是用户体验的重要组成部分。过大或过小都会影响用户体验。在制作网页时,我们可以根据网页中文字的不同位置和等级,使用不同大小的字体。相对来说,内容标题可以使用较大的字体,内容副标题可以使用次大的字体,内容正文可以使用正常大小的字体。
对于不同的分辨率,不同的显示器尺寸,不同的DPI,甚至不同的浏览器设置,都会对最终显示在浏览器上的文字大小产生影响。最好的办法是在制作网页时,根据用户的分辨率,给用户一个漂亮的默认字体大小。大多数专业的网站建设人员习惯性地使用某一种字体大小,比如14px或者12px,因为12px和14px基本上已经成为了大多数网站字体的标准大小,而11px、13px、15px等大小则涉及到一个锯齿问题,尤其是在早期的展示中,往往无法很好地处理文字的锯齿问题。使用奇数像素可能会导致锯齿,因此通常使用偶数大小。
在CSS中,有两种最常用的单位来描述字体大小,分别是em和px。Em通常被认为是相对大小单位,而px是绝对大小单位。但在实际应用中,px像素有时似乎是一个相对大小的单位。例如,在分辨率为800×600像素的15英寸屏幕上,10px大小的文本比分辨率为1024×768像素的10英寸屏幕上的文本要大。Px是像素单位,20px表示20个像素。在现在的网页设计中,经常用它来表示字体大小,方便直观。比如12px、14px用px做字号,16px是中字号,18px是大字号,12px是小字号。Em是相对大小的单位。它所代表的字体大小是不固定的,相对大小按基本字体大小处理。浏览器的默认字体大小为16px。如果一段文字指定1em,则表示16px,而2em表示32px。相对尺寸单位有着广泛的用途。由于其相对性,在跨平台、跨设备的字体大小处理上有很大的优势,但是无法直观的看到大小。
其实网站建设就是这样。有时候,即使是1px的差异,也可能影响这个网站的视觉效果,最终影响网站建设的质量和用户体验。作为一个专业的建站者,一定要多掌握,多了解,在实践中检验观察效果。只有这样才能做出更好的网站。
本文来自云南盈科信息工程http://www.ynynynn.com/