在設(shè)計(jì)網(wǎng)頁時(shí)，文字是網(wǎng)頁中數(shù)量最多、使用最廣泛的一種頁面元素：文字排版、字體選擇、字體顏色大小粗細(xì)等細(xì)節(jié)往往是網(wǎng)頁設(shè)計(jì)中非常重要的細(xì)節(jié)。好的字體排版，可以讓人耐心的看完那些文字，然后得到其中的重要信息，還可以影響到瀏覽者閱讀的心情。同時(shí)，字體的選擇、大小等，還應(yīng)該配合企業(yè)的VI識別系統(tǒng)，還需要配合你作品需要表達(dá)的思想感情來確定。
在網(wǎng)頁設(shè)計(jì)中，對字體的要求也是有一定的技巧可言的。下面我們就對網(wǎng)頁字體設(shè)計(jì)的注意事項(xiàng)做一些介紹。
網(wǎng)頁設(shè)計(jì)與字體選擇
1、字體的大小
網(wǎng)站建設(shè)中字體大小的選擇是用戶體驗(yàn)中的一個(gè)重要部分，過大過小都會(huì)影響用戶體驗(yàn)。在制作網(wǎng)頁的時(shí)候，我們可以根據(jù)文字在網(wǎng)頁中的不同位置和不同等級來分別使用不同大小的字體。相對來說，內(nèi)容標(biāo)題可以使用較大的字體，而內(nèi)容小標(biāo)題可以采用次一號的字體，而內(nèi)容正文則可以采用正常大小的字體。
在CSS中，最常用的描述字體大小的單位有兩個(gè)，即em和px。通常認(rèn)為em為相對大小單位，而px為絕對大小單位。但從實(shí)際應(yīng)用中來講，px像素有時(shí)也像是一種相對大小單位。比如，在一塊15寸分辨率為800×600像素的屏幕上，10px大小的文字，要比一塊10寸分辨率1024×768像素的屏幕上的10px大小的文字顯得更大一些。px為像素單位，20px表示20個(gè)像素大小，在現(xiàn)在的網(wǎng)頁設(shè)計(jì)中，常被用來表示字體大小，方便且直觀。比如12px，14px就是用px作為字體大小，而16px為中等字體，18px為較大字體，12px為偏小字體。em為相對大小單位，它表示的字體大小不固定，根據(jù)基礎(chǔ)字體大小進(jìn)行相對大小的處理。瀏覽器默認(rèn)的字體大小為 16px，如果一段文字指定1em，那么就是代表16px大小，而2em就是32px大小。相對大小單位有很廣泛的用途，由于它的相對性，對跨平臺(tái)跨設(shè)備的字體大小處理上很有優(yōu)勢，只是無法直觀的看到大小。
2、字體的選擇
網(wǎng)頁字體的使用一般選擇宋體等比較常用的字體。不要出現(xiàn)生僻字體，防止用戶因沒安裝對應(yīng)字體造成顯示錯(cuò)誤。windows另外自帶了40多種英文字體和5種中文字體。這些字體，你也可以在網(wǎng)頁里自由使用和設(shè)置。凡是使用windows操作系統(tǒng)的瀏覽器都可以正確顯示這些字體，但在其它操作系統(tǒng)里，如unix則不能完全正確顯示。
不同操作系統(tǒng)都有不同的字體系統(tǒng)，但既然是字體，總有一些比較經(jīng)典老牌的字體共同存在于各個(gè)系統(tǒng)中。例如無襯線的 Arial 字體，它產(chǎn)生的時(shí)間比較早，同時(shí)價(jià)格低廉，所以從早期就被 windows 操作系統(tǒng)使用，在其他的操作系統(tǒng)中，也會(huì)有較好的不同于默認(rèn)字體的顯示效果。
3、特殊字體的設(shè)置
如果你需要用一種特殊的字體來體現(xiàn)你的風(fēng)格，那么特殊字體或藝術(shù)字體最好以圖片的方式置入網(wǎng)頁。需要用這種字體的地方用圖片代替，以保證所有人看到的頁面是同一效果。
4、字體的顏色
通常來說，文章都是白底黑字，黑色的。所以網(wǎng)頁中的文字，通常使用黑色，或者淺灰色，這樣更加符合大眾的口味。如果不是一些很有創(chuàng)意的設(shè)計(jì)，請不要隨便的使用顏色。
網(wǎng)頁設(shè)計(jì)中，要避免一些特殊顏色，比如藍(lán)色。藍(lán)色代表著網(wǎng)頁中的超鏈接，如果網(wǎng)頁中有一段藍(lán)色的文字，會(huì)讓人誤以為是可以點(diǎn)擊的超鏈接。所以這種顏色如無特別必要，要盡量避免。
字體顏色
總之，靈活設(shè)計(jì)字體的類型、樣式、大小和顏色，才能使整個(gè)網(wǎng)頁中的字體富于變化，給人們以美的享受，我們在網(wǎng)頁設(shè)計(jì)過程中，必須要高度重視。本文由免費(fèi)好用的微企點(diǎn)(www.wqdian.com)H5自助建站平臺(tái)提供。用微企點(diǎn)建網(wǎng)站，上手快、顏值高、跨多屏、自傳播、全免費(fèi)。
申請創(chuàng)業(yè)報(bào)道，分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處，共同探討創(chuàng)業(yè)新機(jī)遇！
