優(yōu)秀的網(wǎng)頁意味著設(shè)計(jì)人員對(duì)頁面的精雕細(xì)琢，在這一過程中，我們既要接受規(guī)則，也要樂于發(fā)現(xiàn)并掌握新的工具，努力讓生活變得更簡單，設(shè)計(jì)更優(yōu)秀。
其實(shí)網(wǎng)頁的字體和真實(shí)的字體沒有本質(zhì)上的區(qū)別，所以我很不贊同”網(wǎng)頁字體”和”真實(shí)的字體”不同這一說法，只能說它們的每個(gè)應(yīng)用比如說網(wǎng)頁字體、鉛字、海報(bào)字體以及電影字體都有自己的特色和限制，但是歸根究底，它們是同根生。
本文主要是告訴大家該怎么挑選網(wǎng)頁的字體，我們收集了一些好的方法，關(guān)于怎么選擇字體類型，怎樣設(shè)計(jì)字體的細(xì)節(jié)，研究瀏覽器特性等等，這些都是網(wǎng)頁設(shè)計(jì)進(jìn)程中的一部分，快來看看吧~
選擇合適的字體類型
在選擇字體類型的時(shí)候我們很猶豫，因?yàn)橐紤]的因素太多了，包括網(wǎng)頁的用途，網(wǎng)頁側(cè)重以及網(wǎng)頁類型。但是，作為一個(gè)設(shè)計(jì)師，當(dāng)然要從”設(shè)計(jì)”的角度去看問題。現(xiàn)實(shí)很殘酷，如果我們選錯(cuò)了類型太陽明天還是會(huì)照常升起，但是你要記住：選擇字體類型這一決定是每個(gè)設(shè)計(jì)決定中最重要的環(huán)節(jié)，不管你做的是什么項(xiàng)目。
在選擇字體類型時(shí)，我們要考慮文字的內(nèi)容嗎?要從歷史或地理角度考慮嗎?這就看你對(duì)自己的要求了。比如說，你正在為一個(gè)德國博物館做項(xiàng)目，如果你能選擇德國設(shè)計(jì)師在這一時(shí)期設(shè)計(jì)的字體類型，給人的感覺會(huì)不會(huì)更好一些呢?
你要相信，在網(wǎng)頁設(shè)計(jì)這一領(lǐng)域，功夫比直覺更重要。
使用實(shí)物模型
一旦發(fā)現(xiàn)心儀的字體，你要看看這些字體是否適合文字內(nèi)容， Typecast 是一個(gè)極好的測(cè)試工具。
使用此工具，你可以將文字內(nèi)容、標(biāo)題、副標(biāo)題一一展示出來，并且是模擬真實(shí)瀏覽器的場(chǎng)景哦~同時(shí)這款工具還會(huì)建議你，哪些字體組合在一個(gè)網(wǎng)頁上最悅目，真實(shí)極好的~
模塊化比例使用這一工具你可以找到最適合網(wǎng)頁的字號(hào)。比如說，我們?cè)O(shè)定字體基本尺寸為16像素，應(yīng)用到黃金比例(1：1.61803，從向日葵的漩渦中發(fā)現(xiàn)的比例)這個(gè)結(jié)果是6.1，10，16，25.9，41.9，67.8。這些就是你可以使用的字號(hào)。
大自然是一個(gè)好地方，當(dāng)你需要靈感的時(shí)候不妨站起來觀察一下~
什么?你擔(dān)心使用這些工具做出來的設(shè)計(jì)會(huì)不會(huì)太刻板了?NONONO，使用這些工具確實(shí)會(huì)給你的設(shè)計(jì)帶來一些跟其他人相同的元素，但是我相信這比你偶爾大顯身手有用多了。
字體特點(diǎn)設(shè)置
CSS3的字體規(guī)范啟用先進(jìn)的OpenType支持功能。
里面有字體功能設(shè)置，包括使用自由連字，片段，先進(jìn)的語言支持等等。
比如說，如果你使用片段功能，你可以打出 ½ ，而不是1/2。
下面是字體設(shè)置功能的一些小技巧：使用如下標(biāo)記：
For maximum freshness, purchase your coffee 1/2 pound at a time.
使用這些CSS代碼：
.fraction-feature {
-moz-font-feature-settings: “frac=1″;
-moz-font-feature-settings: “frac” 1;
-webkit-font-feature-settings: “frac” 1;
-ms-font-feature-settings: “frac” 1;
font-feature-settings: “frac” 1;
}
咻!讓我們穿越科普一下：在2010年，火狐4首先提供字體設(shè)置功能，緊接著其他瀏覽器跟風(fēng)而上，唯一一個(gè)落單的就是Safari ，并且直到現(xiàn)在，Safari也不是完全支持字體設(shè)置功能。如果你想知道現(xiàn)在那些瀏覽器支持
從各大新聞網(wǎng)站的設(shè)計(jì)組合來看，經(jīng)常使用引用讓內(nèi)容更加突出，效果更好。
初期，字體特點(diǎn)設(shè)置為字體提供了很多有趣的裝飾，正確的使用這些裝飾，你能把你設(shè)計(jì)過程中的喜悅傳達(dá)給用戶~
小帖士：你要留心的事
網(wǎng)頁字體是一個(gè)強(qiáng)有效的工具，你可以很簡單的使用它，但是我想如果你使用字體的目的很簡單那么今天你就不會(huì)進(jìn)來看這篇文章了。當(dāng)你在進(jìn)行網(wǎng)頁字體設(shè)計(jì)時(shí)，以下幾點(diǎn)你必須時(shí)刻牢記。
你打算怎么使用它?
對(duì)于網(wǎng)頁字體，你有兩個(gè)很基礎(chǔ)的選擇：一，從網(wǎng)頁字體供應(yīng)者那里租;二，自給自足。
租字體這一方法很普遍，同時(shí)也缺乏探索精神。
其實(shí)我也不知道哪個(gè)選擇更好，但是還是有一個(gè)標(biāo)準(zhǔn)的，你可以閱讀以下提示：
花費(fèi)： 當(dāng)你選擇項(xiàng)目字體類型時(shí)，你要盡快告訴顧客，字體也是有價(jià)錢的!曾經(jīng)我有一個(gè)顧客，非常喜歡我們選擇的字體，但是沒有錢買，還有一個(gè)顧客與字體供應(yīng)商是合伙人，所以在我們開始設(shè)計(jì)之前他就決定了要用的字體…懂了嗎?一定要盡快告知顧客字體花費(fèi)喲~
選擇：你選擇的字體決定了它們?cè)跒g覽器使用的方法，為嘛?因?yàn)橐恍┳煮w僅僅提供供特殊場(chǎng)合使用。所以，盡可能的找一個(gè)可以使用的字體。如果發(fā)現(xiàn)它不能正常使用，趕緊停止。
奉勸大家在選擇字體之前一定要三思，不然就是自尋死路。
想好特性設(shè)置
在使用網(wǎng)頁字體時(shí)，你必須先下載字體。我們要確定想用的字體是可以被下載的。
一個(gè)好的字體有很多特點(diǎn)，供很多語言使用。但是如果你只想使用其中一個(gè)特點(diǎn)，你可以對(duì)字體進(jìn)行優(yōu)化。大多數(shù)網(wǎng)頁字體服務(wù)都允許你選擇一個(gè)特性，而不是全部字體。
如果你自己擁有字體，你可以將這個(gè)字體應(yīng)用到一種語言上，或者只使用其中一個(gè)你需要的特點(diǎn)。Font Squirrel has a generator 可以幫助你實(shí)現(xiàn)這一工作。不過要提醒一下：仔細(xì)檢查字體使用者協(xié)議書，很多字體是不允許商業(yè)使用的。
Typekit選擇界面里有特性設(shè)置
重量和風(fēng)格
另一個(gè)考慮因素就是字體的重量和風(fēng)格。先來看看下面的代碼，發(fā)現(xiàn)什么了嗎?
- <p class=”faux-text”>
- He desires to paint you the <b>dreamiest, shadiest,</b> <i>quietest, most enchanting</i> bit of romantic landscape in all the valley of the Saco.
- </p>
如果沒有CSS的指導(dǎo)，瀏覽器將會(huì)把文字設(shè)置為加粗斜體，所以我們不應(yīng)該盲目的相信瀏覽器。沒有合適的CSS，瀏覽器經(jīng)常犯渾。當(dāng)它因沒有找到合適的字體而生氣時(shí)，它就會(huì)沿用過去使用的模型，后果自負(fù)…總之，使用粗體和傾斜字體結(jié)果就是：設(shè)計(jì)死啦死啦滴。
你問我怎么防止?OK，下面的例子看好了：
.faux-text { font-family: ‘GentiumBasicRegular’; }
Next, style the italic and bold text:
.faux-text i { font-family: ‘GentiumBasicItalic’; }
.faux-text b { font-family: ‘GentiumBasicBold’; }
對(duì)瀏覽器進(jìn)行干涉：
.faux-text i { font-family: ‘GentiumBasicItalic’; font-style:normal; }
.faux-text b { font-family: ‘GentiumBasicBold’; font-weight:normal; }
效果對(duì)比：
這個(gè)例子說明了一切美好的愿望都是可以實(shí)現(xiàn)的~
細(xì)節(jié)決定成敗
無論你選的字體是否合適，關(guān)注細(xì)節(jié)都是設(shè)計(jì)過程中重要的一部分。不過就算你選擇了合適的字體，你的顧客的顧客也不會(huì)因此表揚(yáng)你，但是這是關(guān)鍵嗎?不，關(guān)鍵問題是——選擇正確的字體將會(huì)影響你的設(shè)計(jì)整體水平。