網(wǎng)站 Web字體特色選擇發(fā)布者：本站     時(shí)間：2020-03-04 12:03:03

盡管網(wǎng)頁(yè)的版式基本規則和傳統印刷文檔十分一致，屏幕字體和紙質(zhì)印刷字體卻大相徑庭。相對于圖書(shū)、雜志甚至是用廉價(jià)打印機打印的紙張，計算機屏幕顯示字體所采用的分辨率相當低。大多數雜志和圖書(shū)字體都采用1 200 dpi (dots per inch，點(diǎn)/英寸)或者更高的分辨率來(lái)印刷，然而計算機屏幕的分辨率卻鮮少高于85ppi (pixels per inch，像素/英寸)。

當前Apple Macintosh和Microsoft Windows操作都采用抗鋸齒字體來(lái)增加計算機屏幕上的可視分辨率?？逛忼X通過(guò)平滑處理字體周?chē)倪吘墎?lái)達到效果，因此在正常的屏幕閱讀距離范圍內，字體看起來(lái)與高分辨率的打印字體無(wú)太大差異?？逛忼X的工作原理如下:與易讀性和閱讀相關(guān)的長(cháng)期研究表明，抗鋸齒可以提高閱讀速度及準確度。在放大時(shí)，這些字體會(huì )變模糊，但是在正常的閱讀條件下則十分清晰。
 
除了字體分辨率較低外，典型的計算機屏幕的可用區域也要比標準的普通版圖書(shū)開(kāi)本(尤其是高度)要小，標準的筆記本顯示器的垂直高度十分有限。這些最大面積的計算均已假設瀏覽者已經(jīng)在屏幕中將瀏覽器窗口進(jìn)行了最大化，而且大多數時(shí)間，瀏覽器還有可能與瀏覽者在屏幕中打開(kāi)的其他窗口共享屏幕空間。
 
動(dòng)態(tài)構建
 
Web版式最與眾不同的特征是它的多變性。Web頁(yè)面會(huì )在每次被加載到Web瀏覽器時(shí)動(dòng)態(tài)地構建。每行文字、每個(gè)標題以及每個(gè)獨特的字體和樣式都會(huì )經(jīng)由Web瀏覽器、Web服務(wù)器以及瀏覽者的計算機操作系統復雜的交互重新創(chuàng )建。這個(gè)過(guò)程充滿(mǎn)了不可預知性:缺失的字體、過(guò)時(shí)的瀏覽器、由瀏覽者指定的一一組特殊的字體首選項。你應該把你的Web頁(yè)面布局和字體看成是頁(yè)面顯示方式的建議一你無(wú)從得知它們在瀏覽者屏幕上的準確顯示方式。
 
內容結構及視覺(jué)邏輯
 
htML的發(fā)起人是那些想以標準方式共享粒子物理文檔的科學(xué)家們。他們對文檔在特定計算機屏幕上顯示的準確形式不太感興趣。實(shí)際上，hTML可用來(lái)強制分離內容結構和圖形設計。在20世紀90年代的早期，人們根據這個(gè)意圖來(lái)創(chuàng )建可以在所有系統和瀏覽器(包括可以為有視覺(jué)障礙的用戶(hù)“讀”內容的瀏覽器)上顯示的萬(wàn)維網(wǎng)頁(yè)面，這些頁(yè)面可以被自動(dòng)搜索和分析引擎精確地解讀。
 
原Web設計師無(wú)視出版的圖形設計和編輯管理的傳統，忽略了人的動(dòng)機及對說(shuō)服的渴望。早期的Web程序員是如此關(guān)注制作便于機器使用的Web文檔，以至于他們創(chuàng )建的文字只有機器(或者粒子物理學(xué)家)可讀。他們僅關(guān)注文檔結構邏輯，忽略了人們對精湛的圖形設計和版式的可視化邏輯的需求。
 
層疊樣式表
 
網(wǎng)站建設架構邏輯和視覺(jué)邏輯之間的分割通過(guò)層疊樣式表(CSS)來(lái)調和。樣式表可以控制頁(yè)眉、段落、列表和其他頁(yè)面元素的精準視覺(jué)樣式。例如，你想將<h3> 頁(yè)眉設置成Arial粗體字，就可以在樣式表中指定這些細節。你可以通過(guò)這種方式保留對HTML結構標簽的邏輯使用，而不犧牲圖形設計的靈活性。