優秀的網頁意味著設計人員對頁面的精雕細琢，在這一過程中，我們既要接受規則，也要樂于發現并掌握新的工具，努力讓生活變得更簡單，設計更優秀。
其實網頁的字體和真實的字體沒有本質上的區別，所以我很不贊同”網頁字體”和”真實的字體”不同這一說法，只能說它們的每個應用比如說網頁字體、鉛字、海報字體以及電影字體都有自己的特色和限制，但是歸根究底，它們是同根生。

選擇合適的字體類型

在選擇字體類型的時候我們很猶豫，因為要考慮的因素太多了，包括網頁的用途，網頁側重以及網頁類型。但是，作為一個設計師，當然要從”設計”的角度去看問題。現實很殘酷，如果我們選錯了類型太陽明天還是會照常升起，但是你要記住：選擇字體類型這一決定是每個設計決定中最重要的環節，不管你做的是什么項目。

字體特點設置

CSS3的字體規范啟用先進的OpenType支持功能。
里面有字體功能設置，包括使用自由連字，片段，先進的語言支持等等。
比如說，如果你使用片段功能，你可以打出 ? ，而不是1/2。

下面是字體設置功能的一些小技巧：使用如下標記：

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

小帖士：你要留心的事

網頁字體是一個強有效的工具，你可以很簡單的使用它，但是我想如果你使用字體的目的很簡單那么今天你就不會進來看這篇文章了。當你在進行網頁字體設計時，以下幾點你必須時刻牢記。
你打算怎么使用它？
對于網頁字體，你有兩個很基礎的選擇：一，從網頁字體供應者那里租；二，自給自足。

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

其實我也不知道哪個選擇更好，但是還是有一個標準的，你可以閱讀以下提示：

1.花費： 當你選擇項目字體類型時，你要盡快告訴顧客，字體也是有價錢的！曾經我有一個顧客，非常喜歡我們選擇的字體，但是沒有錢買，還有一個顧客與字體供應商是合伙人，所以在我們開始設計之前他就決定了要用的字體…懂了嗎？一定要盡快告知顧客字體花費喲~

2.選擇：你選擇的字體決定了它們在瀏覽器使用的方法，為嘛？因為一些字體僅僅提供供特殊場合使用。所以，盡可能的找一個可以使用的字體。如果發現它不能正常使用，趕緊停止。
奉勸大家在選擇字體之前一定要三思，不然就是自尋死路。

想好特性設置
在使用網頁字體時，你必須先下載字體。我們要確定想用的字體是可以被下載的。

一個好的字體有很多特點，供很多語言使用。但是如果你只想使用其中一個特點，你可以對字體進行優化。大多數網頁字體服務都允許你選擇一個特性，而不是全部字體。

重量和風格
另一個考慮因素就是字體的重量和風格。先來看看下面的代碼，發現什么了嗎？

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>
如果沒有CSS的指導，瀏覽器將會把文字設置為加粗斜體，所以我們不應該盲目的相信瀏覽器。沒有合適的CSS，瀏覽器經常犯渾。當它因沒有找到合適的字體而生氣時，它就會沿用過去使用的模型，后果自負…總之，使用粗體和傾斜字體結果就是：設計死啦死啦滴。

你問我怎么防止？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’; }

對瀏覽器進行干涉：

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

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

無論你選的字體是否合適，關注細節都是設計過程中重要的一部分。不過就算你選擇了合適的字體，你的顧客的顧客也不會因此表揚你，但是這是關鍵嗎？不，關鍵問題是——選擇正確的字體將會影響你的設計整體水平。

本文來源于成都網站建設公司與成都網站設計制作公司-創新互聯成都公司！

網頁名稱：優秀網頁字體的秘密
新聞來源：http://www.js-pz168.com/news44/326594.html

成都網站建設公司_創新互聯，為您提供服務器托管、網站導航、外貿網站建設、網頁設計公司、標簽優化、定制開發

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯