先前介紹過 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 網頁設計者就可以輕鬆的使用漂亮的網頁字型。
熱門文章
-
相信大家有時等待測試、shell script 完成任務需要很長的時間,因此希望任務完成可以即時收到通知。在 Mac 上有 Growl 可以滿足這個需求,但 Growl 是收費軟體。所以我採用 terminal-notifier 工具發送 OS X 的通知 ( Notific...
-
從這篇開始 Play Framework Step by Step 系列,雖說是教學但其實也只是個人實作分享, 之前有介紹 (1.) 安裝 Play Framework 、(2.) 建立專案教學 ,可先參考後再開始此系列文章。
-
當專案想加入自訂的 Libraries 時可以透過 Eclipse 加入並群組化,過程非常方便跟簡單。而且若之前有建立過的 Libraries 也可以直接引入,不需要每新增專案就得重新一一加入 JAR 檔。
-
本篇針對資料存取採用 Hibernate 與 Spring MVC 達到 CRUD ( 新增、讀取、修改、刪除)功能,DB 方面使用 H2 Data Base。閱讀本篇文章可先參考前一篇 H2 Data Base 設定應該會更有幫助。此外因為資料存取部份複雜,所以會拆成數個部份一...
-
在上篇文章已經談到 H2 Database Engine 的使用方法之後,接著介紹 Ebean 要如何應用在 Play Framework,對於 Ebean 的基本介紹可以參考 官方網站 的文件,



