設計字體時的一此小技巧

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

（一）字體 font-family

字體有：字庫字體和創(chuàng)意字。

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

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

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

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

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

IOS7系統(tǒng)的默認字體：helvetica neue LT Heiti SC（中文字體）

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

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

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

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

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

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

（二）字號 font-size

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

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

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

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

（三）對齊方式 text-align

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

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