使用 Adobe Edge Web Fonts ( Web Font )

先前介紹過 Google Fonts ，當然其他軟體廠商也有提供相同的服務。今天要介紹的是 Adobe 推出的免費網頁字型服務，Adobe 推出的網頁字型質量也不輸 Google Fonts，接著來看看如何使用。



Adobe Edge Web Fonts
Adobe Edge Web Fonts ：http://edgewebfonts.adobe.com/fonts
進入 Adobe Edge Web Fonts 可以看到它利用右側基本的字型圖案來分類你可以選擇的字體 ( 如 ：有無襯線的字體、手寫體等等)，因此雖然不懂字的設計概念也可以透過圖案的差異來選擇。

當然它也可以設定字型大小、字體寬度等選項。它還提供了兩種狀況下的推薦字型，分別為：標題 ( Headings )、段落 ( Paragraphs )，所以你可以針對你要使用的情況來選擇。更方便的是你可以直接輸入你想要使用的字，它會即時呈現字型效果。操作畫面如下：

選擇自己想要的字型後，可以看到下方列出所選擇的字型清單以及 Adobe 自動產生的 Javascript 連結，如下圖：

Adobe Edge Web Fonts 引入字型的方式就是在網頁 <head> 區域內加入 Adobe 提供的 Javascript 檔案。方式如下：

引入字型後，別忘了仍然要在 CSS 檔案使用該字型。如下圖：

透過 Adobe Edge Web Fonts 網頁設計者就可以輕鬆的使用漂亮的網頁字型。