任何追求(qiu)漂(piao)亮版面的(de)(de)人都(dou)知道，印刷排版跟網絡排版完(wan)全是兩碼事。盡(jin)管有些規則(ze)可能(neng)相同(tong)， 但網站設計所(suo)處環境完(wan)全不(bu)同(tong)，兩者都(dou)有自(zi)己一(yi)套必須遵守的(de)(de)規則(ze)和準則(ze)。兩者的(de)(de)原(yuan)理(li)不(bu)同(tong)，不(bu)能(neng) 同(tong)時存(cun)在，跨越這個界線可能(neng)會導致(zhi)排版混亂。

    字體替換方法
    在過去，設計師必須使用用戶電腦，甚至帶文本圖片上有的字體，這樣字體才會正確顯示。隨著技術不斷發展，HTML5很快克服了這些問題。另外還有許多很棒的字體替換工具，這些工具搜集了 很多字體，用戶不用安裝專門的字體，字體照樣正確顯示。
    間距問題
    盡管，很少遇到網站排版中出現層級結構的問題，但相當多的網站排版卻存在間距排列的問題 。網站所有元素的間距都必須按照一定的條理進行排列，因此你在處理間距必須遵循這些條理。你可能需要去了解以下的專用術語：行距大小（Leading Size）、字偶間距（Kerning）和字間距（Tracking）。
    行距大小是一種增加或減少文本行之間產生的空格的方法。字偶間距是調節字符間空格，使其 達到更愉悅的視覺效果的過程。使用字間距同樣能達到字偶距調整的效果，兩者之間的唯一差別在 于空格的產生，字間距是在每個字符間產生等量的空格，而字偶間距是調整的基于字符對所產生的 空格。
    層次結構
    盡管，你可能已經熟悉了網站設計的層次結構，你可能也明白排版中也少不了它。層級結構會 給你一個閱讀顯示文本的起點。這點非常重要，因為這會幫助你準確傳遞信息，同時保證讀者準確理解。很多網站在這個問題上都做得很好，但是你還是應該牢記在心，這樣你的網站就不會顯得太過時。
    字體配對
    字體配對是將兩種或更多字體通過排列組合達到最佳效果的過程。這聽起來有意思，但對于初學者卻并非易事。選擇一種或多種的漂亮字體就夠了，但是，你只是想完美配對兩種字體，從理論上講，難度更大。字體配對可降低使用單一字體時可能所產生的單調感。你可以就此進行實踐，為網站中所有的大標題使用一種字體，在一些簡單段落里使用另一種字體，看看最終效果是否很單調 。Douglass Bonneville書中就詳細羅列了數千種字體配對，有興趣的朋友可以去看看。
    顏色和調色板
    排版中的顏色并不專指單一的文本顏色，通常是指網站用到的所有顏色。網站用到的圖片和顏色相當于文本的“背景”，因此使用顏色時要謹慎。網站的元素要和排版顏色協調，不要讓文本顯 得模糊不清。你也可嘗試較大尺寸的排版（又稱為宏觀排版）來達到更好的效果。簡單來說，宏觀排版就是使用更大的文本來吸引用戶。它的長度通常不能超過1到4個單詞，因此，保持文字的簡潔性和正確性就顯得格外很重要。在關鍵信息下，但是這并不是那么重要，因為這并不是你的網站的焦點，但大尺寸文字卻是。
    字體大小/粗細對比
    如果個人網站模板把字(zi)體(ti)弄得難以辨(bian)認(ren)，這(zhe)是(shi)犯了(le)大(da)忌。你也知道字(zi)體(ti)配對對于精美排版(ban)的重(zhong)要(yao)性，而不(bu)(bu)是(shi)用一(yi)些統一(yi)的文本。即(ji)使(shi)你找到了(le)很(hen)棒(bang)的字(zi)體(ti)搭配，還是(shi)不(bu)(bu)要(yao)忘記為字(zi)體(ti)設置合(he)適的 大(da)小和粗(cu)細。字(zi)體(ti)粗(cu)細和大(da)小設置不(bu)(bu)當基本上就毀掉了(le)之前(qian)的搭配，因為這(zhe)會讓你已經使(shi)用的不(bu)(bu)同 字(zi)體(ti)難以辨(bian)認(ren)。還應注意一(yi)點，背(bei)景圖(tu)片跟(gen)字(zi)體(ti)顏色相近或不(bu)(bu)匹配，會導(dao)致字(zi)體(ti)淹沒在(zai)背(bei)景圖(tu)片當中。