網(wǎng)站 Web字體特色選擇

發(fā)布：2018-10-30 21:50:25 瀏覽：4562

盡管網(wǎng)頁的版式基本規(guī)則和傳統(tǒng)印刷文檔十分一致，屏幕字體和紙質(zhì)印刷字體卻大相徑庭。相對(duì)于圖書、雜志甚至是用廉價(jià)打印機(jī)打印的紙張，計(jì)算機(jī)屏幕顯示字體所采用的分辨率相當(dāng)?shù)?。大多?shù)雜志和圖書字體都采用1200dpi(dotsperinch，點(diǎn)/英寸)或者更高的分辨率來印刷，然而計(jì)算機(jī)屏幕的分辨率卻鮮少高于85ppi(pixelsperinch，像素/英寸)。

當(dāng)前AppleMacintosh和MicrosoftWindows操作都采用抗鋸齒字體來增加計(jì)算機(jī)屏幕上的可視分辨率?？逛忼X通過平滑處理字體周圍的邊緣來達(dá)到效果，因此在正常的屏幕閱讀距離范圍內(nèi)，字體看起來與高分辨率的打印字體無太大差異?？逛忼X的工作原理如下:與易讀性和閱讀相關(guān)的長(zhǎng)期研究表明，抗鋸齒可以提高閱讀速度及準(zhǔn)確度。在放大時(shí)，這些字體會(huì)變模糊，但是在正常的閱讀條件下則十分清晰。

除了字體分辨率較低外，典型的計(jì)算機(jī)屏幕的可用區(qū)域也要比標(biāo)準(zhǔn)的普通版圖書開本(尤其是高度)要小，標(biāo)準(zhǔn)的筆記本顯示器的垂直高度十分有限。這些最大面積的計(jì)算均已假設(shè)瀏覽者已經(jīng)在屏幕中將瀏覽器窗口進(jìn)行了最大化，而且大多數(shù)時(shí)間，瀏覽器還有可能與瀏覽者在屏幕中打開的其他窗口共享屏幕空間。

動(dòng)態(tài)構(gòu)建

Web版式最與眾不同的特征是它的多變性。Web頁面會(huì)在每次被加載到Web瀏覽器時(shí)動(dòng)態(tài)地構(gòu)建。每行文字、每個(gè)標(biāo)題以及每個(gè)獨(dú)特的字體和樣式都會(huì)經(jīng)由Web瀏覽器、Web服務(wù)器以及瀏覽者的計(jì)算機(jī)操作系統(tǒng)復(fù)雜的交互重新創(chuàng)建。這個(gè)過程充滿了不可預(yù)知性:缺失的字體、過時(shí)的瀏覽器、由瀏覽者指定的一一組特殊的字體首選項(xiàng)。你應(yīng)該把你的Web頁面布局和字體看成是頁面顯示方式的建議一你無從得知它們?cè)跒g覽者屏幕上的準(zhǔn)確顯示方式。

內(nèi)容結(jié)構(gòu)及視覺邏輯

htML的發(fā)起人是那些想以標(biāo)準(zhǔn)方式共享粒子物理文檔的科學(xué)家們。他們對(duì)文檔在特定計(jì)算機(jī)屏幕上顯示的準(zhǔn)確形式不太感興趣。實(shí)際上，hTML可用來強(qiáng)制分離內(nèi)容結(jié)構(gòu)和圖形設(shè)計(jì)。在20世紀(jì)90年代的早期，人們根據(jù)這個(gè)意圖來創(chuàng)建可以在所有系統(tǒng)和瀏覽器(包括可以為有視覺障礙的用戶“讀”內(nèi)容的瀏覽器)上顯示的萬維網(wǎng)頁面，這些頁面可以被自動(dòng)搜索和分析引擎精確地解讀。

原Web設(shè)計(jì)師無視出版的圖形設(shè)計(jì)和編輯管理的傳統(tǒng)，忽略了人的動(dòng)機(jī)及對(duì)說服的渴望。早期的Web程序員是如此關(guān)注制作便于機(jī)器使用的Web文檔，以至于他們創(chuàng)建的文字只有機(jī)器(或者粒子物理學(xué)家)可讀。他們僅關(guān)注文檔結(jié)構(gòu)邏輯，忽略了人們對(duì)精湛的圖形設(shè)計(jì)和版式的可視化邏輯的需求。

層疊樣式表

網(wǎng)站建設(shè)架構(gòu)邏輯和視覺邏輯之間的分割通過層疊樣式表(CSS)來調(diào)和。樣式表可以控制頁眉、段落、列表和其他頁面元素的精準(zhǔn)視覺樣式。例如，你想將<h3>頁眉設(shè)置成Arial粗體字，就可以在樣式表中指定這些細(xì)節(jié)。你可以通過這種方式保留對(duì)HTML結(jié)構(gòu)標(biāo)簽的邏輯使用，而不犧牲圖形設(shè)計(jì)的靈活性。