任何追求漂亮版面的人都知道，印刷排版跟网络排版完全是两码事。尽管有些规则可能相同， 但网站设计所处环境完全不同，两者都有自己一套必须遵守的规则和准则。两者的原理不同，不能 同时存在，跨越这个界线可能会导致排版混乱。
字体替换方法
在过去，设计师必须使用用户电脑，甚至带文本图片上有的字体，这样字体才会正确显示。随 着技术不断发展，HTML5很快克服了这些问题。另外还有许多很棒的字体替换工具，这些工具搜集了 很多字体，用户不用安装专门的字体，字体照样正确显示。
间距问题
尽管，很少遇到网站排版中出现层级结构的问题，但相当多的网站排版却存在间距排列的问题 。网站所有元素的间距都必须按照一定的条理进行排列，因此你在处理间距必须遵循这些条理。你 可能需要去了解以下的专用术语：行距大小（Leading Size）、字偶间距（Kerning）和字间距 （Tracking）。
行距大小是一种增加或减少文本行之间产生的空格的方法。字偶间距是调节字符间空格，使其 达到更愉悦的视觉效果的过程。使用字间距同样能达到字偶距调整的效果，两者之间的唯一差别在 于空格的产生，字间距是在每个字符间产生等量的空格，而字偶间距是调整的基于字符对所产生的 空格。
层次结构
尽管，你可能已经熟悉了网站设计的层次结构，你可能也明白排版中也少不了它。层级结构会 给你一个阅读显示文本的起点。这点非常重要，因为这会帮助你准确传递信息，同时保证读者准确 理解。很多网站在这个问题上都做得很好，但是你还是应该牢记在心，这样你的网站就不会显得太 过时。
字体配对
字体配对是将两种或更多字体通过排列组合达到最佳效果的过程。这听起来有意思，但对于初 学者却并非易事。选择一种或多种的漂亮字体就够了，但是，你只是想完美配对两种字体，从理论 上讲，难度更大。字体配对可降低使用单一字体时可能所产生的单调感。你可以就此进行实践，为 网站中所有的大标题使用一种字体，在一些简单段落里使用另一种字体，看看最终效果是否很单调 。Douglass Bonneville书中就详细罗列了数千种字体配对，有兴趣的朋友可以去看看。
颜色和调色板
排版中的颜色并不专指单一的文本颜色，通常是指网站用到的所有颜色。网站用到的图片和颜 色相当于文本的“背景”，因此使用颜色时要谨慎。网站的元素要和排版颜色协调，不要让文本显 得模糊不清。你也可尝试较大尺寸的排版（又称为宏观排版）来达到更好的效果。简单来说，宏观 排版就是使用更大的文本来吸引用户。它的长度通常不能超过1到4个单词，因此，保持文字的简洁 性和正确性就显得格外很重要。在关键信息下，但是这并不是那么重要，因为这并不是你的网站的 焦点，但大尺寸文字却是。
字体大小/粗细对比
如果个人网站模板把字体弄得难以辨认，这是犯了大忌。你也知道字体配对对于精美排版的重 要性，而不是用一些统一的文本。即使你找到了很棒的字体搭配，还是不要忘记为字体设置合适的 大小和粗细。字体粗细和大小设置不当基本上就毁掉了之前的搭配，因为这会让你已经使用的不同 字体难以辨认。还应注意一点，背景图片跟字体颜色相近或不匹配，会导致字体淹没在背景图片当 中。