网站建设中字型大小的选择是多用户体验中的一个重要部分,过大过小都会影响多用户体验。在制作网页的时候,我们可以根据文字在网页中的不同位置和不同等级来分 别使用不同大小的字型。相对来说,内容标题可以使用较大的字型,而内容小标题可以采用次一号的字型,而内容正文则可以采用正常大小的字型。
  
对于不同的解析度,不同的显示器尺寸,不同的 DPI,乃至不同的浏览器设定,都会对终在浏览器上展现出来的文字大小带来影响。知名的方式还是在网页制作时根据多用户的解析度给多用户一个比较美观的预设字型大小。大多数的网站建设人员,都会习惯性的使用某一字型大小,比如 14px 或 12px,因为 12px 和 14px 基本已经成了大多数网站字型的标准大小,而 11px 、 13px 、 15px 等大小则涉及到一个锯齿的问题,特别是在早期的显示器中,往往不能很好的处理文字的锯齿问题,使用单数的画素,极有可能造成锯齿,所以通常采用偶数的大小。
  
在 CSS 中,常用的描述字型大小的单位有两个,即 em 和 px 。通常认为 em 为相对大小单位,而 px 为绝对大小单位。但从实际应用中来讲,px 画素有时也像是一种相对大小单位。比如,在一块 15 寸解析度为 800×600 画素的萤幕上,10px 大小的文字,要比一块 10 寸解析度 1024×768 画素的萤幕上的 10px 大小的文字显得更大一些。 px 为画素单位,20px 表示 20 个画素大小,在现在的网页设计中,常被用来表示字型大小,方便且直观。比如 12px,14px 就是用 px 作为字型大小,而 16px 为中等字型,18px 为较大字型,12px 为偏小字型。 em 为相对大小单位,它表示的字型大小不固定,根据基础字型大小进行相对大小的处理。浏览器预设的字型大小为 16px,如果一段文字指定 1em,那么就是代表 16px 大小,而 2em 就是 32px 大小。相对大小单位有很广泛的用途,由于它的相对性,对跨平台跨装置的字型大小处理上很有优势,只是无法直观的看到大小。
  
以上是关于在网站建设中如何选择字型和字型大小的介绍。其实网站建设就是这样,有的时候就算是 1px 的差异,就可能影响这个网站的视觉效果,终影响到网站建设的质量,并影响到多用户的体验。作为网站建设人员就必须要掌握和了解得更多,并切实在实际中测试观察效果,只有如此,我们才能制作出更加出色的网站。