網(wǎng)頁設(shè)計新趨勢：我所知道的關(guān)于WEB字體的一切

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

　　“你全做錯了?！?/span>

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

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

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

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

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

　　字體規(guī)格

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

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

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