我曾與一位視覺設(shè)計(jì)師合作共同開發(fā)一款web應(yīng)用。他提交給我的設(shè)計(jì)稿看起來非常帶感，于是我根據(jù)他的設(shè)計(jì)稿，用HTML和CSS將web應(yīng)用寫了出來。當(dāng)我以為一切都已完成，并且火急火燎地將產(chǎn)品給他看的時(shí)候，知道他說啥了么?

　　“你全做錯(cuò)了?！?/span>

　　的確。我并沒有根據(jù)他的模型來使用字體，為此他專門把我叫出來并告訴我這是一個(gè)非常大的錯(cuò)誤。我該如何彌補(bǔ)呢?

　　“我不知道。但是目前它是最大的問題，毫無疑問?！?/span>

　　說起來，在過去的很長一段時(shí)間里，我都同不同的網(wǎng)頁設(shè)計(jì)師一起合作開發(fā)各種不同的網(wǎng)站，這使得我逐漸開始關(guān)注網(wǎng)頁設(shè)計(jì)中的很多細(xì)小但重要的細(xì)節(jié)了，比如，字體。

　　在此可以簡單介紹一點(diǎn)背景知識。目前多數(shù)的網(wǎng)站都是基于HTML和CSS來開發(fā)的，如果你毫無網(wǎng)站開發(fā)經(jīng)驗(yàn)，也許你有必要找個(gè)HTML&CSS的介紹視頻學(xué)習(xí)一下，比如1小時(shí)創(chuàng)建一個(gè)體驗(yàn)不錯(cuò)的個(gè)人網(wǎng)站頁面之類的教程。

　　以下，是我的視覺設(shè)計(jì)師教授給我的字體知識。

　　字體規(guī)格

　　改變某寫字體樣式最簡單的方式，是改變CSS的Font-family屬性，然后，瀏覽器會直接讀取用戶電腦上的字體，想必每個(gè)網(wǎng)站開發(fā)者都明白這件事情。一般而言，一共有12種常見的網(wǎng)站安全字體，除開相對特殊的Comic Sans，還有11款字體可以供你在絕大多數(shù)類型的網(wǎng)站上隨意使用。

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

　　另一個(gè)使用字體的竅門，就是在CSS中為字體添加字體陰影屬性。