影響文字外觀的因素無外乎是字體，字號，對齊方式，樣式，字間距，行高，行寬。

（一）字體 font-family

字體有：字庫字體和創意字。

字庫字體分：襯線字體和無襯線字體。

襯線字體有設計感和裝飾感，一般用于正文，對于英文字母筆畫末端的裝飾線有助于引導讀者的視線。

無襯線字體簡約時尚，不帶感情色彩，一般用于標題。

最受歡迎的字體：Georgia Arial Verdana Lucida Helvetica Times New Roman

網頁常用中文字體：微軟雅黑 黑體 宋體 <h1 style="font-family:Microsoft YaHei,SimHei,SimSun";>

IOS7系統的默認字體：helvetica neue LT Heiti SC（中文字體）

安卓系統的默認字體：DroidSansFallback ，效果類似微軟雅黑

注：1我們只能控制輸入端，不能控制輸出，對于window系統下的IE6瀏覽器一般用戶只有宋體，且渲染出來很屎，樓主不知如何解決。

2字體抗鋸齒技術：目前較實用的是CSS3中的font-smooth和@font-face新特性。

創意字：是在原有字庫字體的基礎上做變化，一般用于logo和海報，在界面上以圖片的方式呈現。

方式：ps：在字體圖層上右鍵選擇“轉化為圖形”—點擊“轉換點工具”更改文字錨點。如下圖

AI：點擊字體右鍵“創建輪廓”-更改錨點，如下圖

（二）字號 font-size

利用字體大小制造對比是文字排版中常見的手法。表現視覺沖擊力，表現層級關系。

標題字號：一般為18~29px

正文字號：一般為12~14px，13px最佳

標題B和正文Z的最佳比例為：B=2Z

（三）對齊方式 text-align

原則：確保字行邊緣保持平整，不要擾亂讀者視線。

一般在CSS中無法自動控制，需要手動調整。

（四）樣式

這里把顏色，陰影，漸變，抗鋸齒預設等統稱在樣式里，一般會用不同的樣式表強調，因為沒有過多的規范，所以不贅述。

值得一提的是在網頁設計中經常把正文字體設為宋體 12pt 抗鋸齒預設為：無

（五）字間距 word-spacing letter-spacing

（六）行高 line-height

行高也受字體，字號，字體粗細，字體樣式，行寬，字間距等的影響。

一般 行高=字號大小+2~5px

行高/正文字號=1.5

（七）行寬 max-width

太長會疲勞，太短會分散注意力。一般一行字的字數為40~80,65最佳

一般：行高/行寬=28