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

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

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

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

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

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

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

　　字體規(guī)格

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

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

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