優(yōu)秀網(wǎng)頁(yè)字體的秘密

優(yōu)秀的網(wǎng)頁(yè)意味著設(shè)計(jì)人員對(duì)頁(yè)面的精雕細(xì)琢，在這一過(guò)程中，我們既要接受規(guī)則，也要樂(lè)于發(fā)現(xiàn)并掌握新的工具，努力讓生活變得更簡(jiǎn)單，設(shè)計(jì)更優(yōu)秀。
其實(shí)網(wǎng)頁(yè)的字體和真實(shí)的字體沒(méi)有本質(zhì)上的區(qū)別，所以我很不贊同”網(wǎng)頁(yè)字體”和”真實(shí)的字體”不同這一說(shuō)法，只能說(shuō)它們的每個(gè)應(yīng)用比如說(shuō)網(wǎng)頁(yè)字體、鉛字、海報(bào)字體以及電影字體都有自己的特色和限制，但是歸根究底，它們是同根生。

選擇合適的字體類型

在選擇字體類型的時(shí)候我們很猶豫，因?yàn)橐紤]的因素太多了，包括網(wǎng)頁(yè)的用途，網(wǎng)頁(yè)側(cè)重以及網(wǎng)頁(yè)類型。但是，作為一個(gè)設(shè)計(jì)師，當(dāng)然要從”設(shè)計(jì)”的角度去看問(wèn)題?，F(xiàn)實(shí)很殘酷，如果我們選錯(cuò)了類型太陽(yáng)明天還是會(huì)照常升起，但是你要記?。哼x擇字體類型這一決定是每個(gè)設(shè)計(jì)決定中最重要的環(huán)節(jié)，不管你做的是什么項(xiàng)目。

字體特點(diǎn)設(shè)置

CSS3的字體規(guī)范啟用先進(jìn)的OpenType支持功能。
里面有字體功能設(shè)置，包括使用自由連字，片段，先進(jìn)的語(yǔ)言支持等等。
比如說(shuō)，如果你使用片段功能，你可以打出 ? ，而不是1/2。

下面是字體設(shè)置功能的一些小技巧：使用如下標(biāo)記：

1.<span class=”fraction-feature”>

2.For maximum freshness, purchase your coffee 1/2 pound at a time.

3.</span>

使用這些CSS代碼：

1..fraction-feature {

2.-moz-font-feature-settings: “frac=1″;

3.-moz-font-feature-settings: “frac” 1;

4.-webkit-font-feature-settings: “frac” 1;

5.-ms-font-feature-settings: “frac” 1;

6.font-feature-settings: “frac” 1;

7.}

小帖士：你要留心的事

網(wǎng)頁(yè)字體是一個(gè)強(qiáng)有效的工具，你可以很簡(jiǎn)單的使用它，但是我想如果你使用字體的目的很簡(jiǎn)單那么今天你就不會(huì)進(jìn)來(lái)看這篇文章了。當(dāng)你在進(jìn)行網(wǎng)頁(yè)字體設(shè)計(jì)時(shí)，以下幾點(diǎn)你必須時(shí)刻牢記。
你打算怎么使用它？
對(duì)于網(wǎng)頁(yè)字體，你有兩個(gè)很基礎(chǔ)的選擇：一，從網(wǎng)頁(yè)字體供應(yīng)者那里租；二，自給自足。

租字體這一方法很普遍，同時(shí)也缺乏探索精神。

其實(shí)我也不知道哪個(gè)選擇更好，但是還是有一個(gè)標(biāo)準(zhǔn)的，你可以閱讀以下提示：

1.花費(fèi)： 當(dāng)你選擇項(xiàng)目字體類型時(shí)，你要盡快告訴顧客，字體也是有價(jià)錢的！曾經(jīng)我有一個(gè)顧客，非常喜歡我們選擇的字體，但是沒(méi)有錢買，還有一個(gè)顧客與字體供應(yīng)商是合伙人，所以在我們開始設(shè)計(jì)之前他就決定了要用的字體…懂了嗎？一定要盡快告知顧客字體花費(fèi)喲~

2.選擇：你選擇的字體決定了它們?cè)跒g覽器使用的方法，為嘛？因?yàn)橐恍┳煮w僅僅提供供特殊場(chǎng)合使用。所以，盡可能的找一個(gè)可以使用的字體。如果發(fā)現(xiàn)它不能正常使用，趕緊停止。
奉勸大家在選擇字體之前一定要三思，不然就是自尋死路。

想好特性設(shè)置
在使用網(wǎng)頁(yè)字體時(shí)，你必須先下載字體。我們要確定想用的字體是可以被下載的。

一個(gè)好的字體有很多特點(diǎn)，供很多語(yǔ)言使用。但是如果你只想使用其中一個(gè)特點(diǎn)，你可以對(duì)字體進(jìn)行優(yōu)化。大多數(shù)網(wǎng)頁(yè)字體服務(wù)都允許你選擇一個(gè)特性，而不是全部字體。

重量和風(fēng)格
另一個(gè)考慮因素就是字體的重量和風(fēng)格。先來(lái)看看下面的代碼，發(fā)現(xiàn)什么了嗎？

1.<p class=”faux-text”>

2.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.

3.</p>
如果沒(méi)有CSS的指導(dǎo)，瀏覽器將會(huì)把文字設(shè)置為加粗斜體，所以我們不應(yīng)該盲目的相信瀏覽器。沒(méi)有合適的CSS，瀏覽器經(jīng)常犯渾。當(dāng)它因沒(méi)有找到合適的字體而生氣時(shí)，它就會(huì)沿用過(guò)去使用的模型，后果自負(fù)…總之，使用粗體和傾斜字體結(jié)果就是：設(shè)計(jì)死啦死啦滴。

你問(wèn)我怎么防止？OK，下面的例子看好了：

1..faux-text { font-family: ‘GentiumBasicRegular’; }

Next, style the italic and bold text:

1..faux-text i { font-family: ‘GentiumBasicItalic’; }

2..faux-text b { font-family: ‘GentiumBasicBold’; }

對(duì)瀏覽器進(jìn)行干涉：

1..faux-text i { font-family: ‘GentiumBasicItalic’; font-style:normal; }

2..faux-text b { font-family: ‘GentiumBasicBold’; font-weight:normal; }

無(wú)論你選的字體是否合適，關(guān)注細(xì)節(jié)都是設(shè)計(jì)過(guò)程中重要的一部分。不過(guò)就算你選擇了合適的字體，你的顧客的顧客也不會(huì)因此表?yè)P(yáng)你，但是這是關(guān)鍵嗎？不，關(guān)鍵問(wèn)題是——選擇正確的字體將會(huì)影響你的設(shè)計(jì)整體水平。

本文來(lái)源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司！

網(wǎng)頁(yè)名稱：優(yōu)秀網(wǎng)頁(yè)字體的秘密
新聞來(lái)源：http://www.muchs.cn/news44/326594.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供服務(wù)器托管、網(wǎng)站導(dǎo)航、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)公司、標(biāo)簽優(yōu)化、定制開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)