网站建设中(zhōng)如何选择字體(tǐ)的大小(xiǎo)--网站字體(tǐ)大小(xiǎo)如何合理(lǐ)设计

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

/jianzhanzhishi/7999.html 网站建设中(zhōng)如何选择字體(tǐ)的大小(xiǎo)--网站字體(tǐ)大小(xiǎo)如何合理(lǐ)设计