我(wǒ)曾與一(yī)位視覺設計師合作共同開(kāi)發一(yī)款web應用。他提交給我(wǒ)的設計稿看起來非常帶感，于是我(wǒ)根據他的設計稿，用HTML和CSS将web應用寫了出來。當我(wǒ)以爲一(yī)切都已完成，并且火(huǒ)急火(huǒ)燎地将産品給他看的時候，知(zhī)道他說啥了麽?

　　“你全做錯了。”

　　的确。我(wǒ)并沒有根據他的模型來使用字體(tǐ)，爲此他專門把我(wǒ)叫出來并告訴我(wǒ)這是一(yī)個非常大(dà)的錯誤。我(wǒ)該如何彌補呢?

　　“我(wǒ)不知(zhī)道。但是目前它是最大(dà)的問題，毫無疑問。”

　　說起來，在過去(qù)的很長一(yī)段時間裏，我(wǒ)都同不同的網頁設計師一(yī)起合作開(kāi)發各種不同的網站，這使得我(wǒ)逐漸開(kāi)始關注網頁設計中(zhōng)的很多細小(xiǎo)但重要的細節了，比如，字體(tǐ)。

　　在此可以簡單介紹一(yī)點背景知(zhī)識。目前多數的網站都是基于HTML和CSS來開(kāi)發的，如果你毫無網站開(kāi)發經驗，也許你有必要找個HTML&CSS的介紹視頻(pín)學習一(yī)下(xià)，比如1小(xiǎo)時創建一(yī)個體(tǐ)驗不錯的個人網站頁面之類的教程。

　　以下(xià)，是我(wǒ)的視覺設計師教授給我(wǒ)的字體(tǐ)知(zhī)識。

　　字體(tǐ)規格

　　改變某寫字體(tǐ)樣式最簡單的方式，是改變CSS的Font-family屬性，然後，浏覽器會直接讀取用戶電(diàn)腦上的字體(tǐ)，想必每個網站開(kāi)發者都明白(bái)這件事情。一(yī)般而言，一(yī)共有12種常見的網站安全字體(tǐ)，除開(kāi)相對特殊的Comic Sans，還有11款字體(tǐ)可以供你在絕大(dà)多數類型的網站上随意使用。

　　如果你的視線僅僅盯着這十來個字體(tǐ)就未免太局限了。如果你足夠敏銳，你會有意識地調整字體(tǐ)的粗線(light、normal、bold)和字間距，追求更好的效果。舉個例子，當你在導航欄中(zhōng)使用特粗的字體(tǐ)，緊湊的字體(tǐ)間距，會讓你的網站看起來更加專業。相反，如果你使用的是極細的字體(tǐ)，網頁會給人一(yī)種非常銳利、清晰的感覺。

　　另一(yī)個使用字體(tǐ)的竅門，就是在CSS中(zhōng)爲字體(tǐ)添加字體(tǐ)陰影屬性。