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