先前介紹過 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 網頁設計者就可以輕鬆的使用漂亮的網頁字型。
熱門文章
-
Amazon 已經推出 EC2 Container Service 一陣子了,但本篇還是將如何自行在 Amazon Linux 上安裝 Docker 的步驟記錄下來。( 其他 AWS 相關教學可以參考 本篇整理 。If you want to read this article ...
-
相信大家有時等待測試、shell script 完成任務需要很長的時間,因此希望任務完成可以即時收到通知。在 Mac 上有 Growl 可以滿足這個需求,但 Growl 是收費軟體。所以我採用 terminal-notifier 工具發送 OS X 的通知 ( Notific...
-
這篇要來介紹如何自動啟動 ( auto start )、停止 ( auto stop ) Play Framework Application,因為在完成專案之後,使用 PROD 模式常常需要啟動、重啓專案,目前好像還沒有看到官方提出的方法,所以我整理了我自己的方式來達到重啟、停...
-
在我們開始更複雜的網站頁面設計之前,必須先來瞭解兩個基本的問題, (1). HTML 寫法在 Play Framework 是否有甚麼不同 ? (2). 該怎麼使用 Play Framework 提供的模板引擎 ( Template Engine ) ?
-
在上篇文章已經談到 H2 Database Engine 的使用方法之後,接著介紹 Ebean 要如何應用在 Play Framework,對於 Ebean 的基本介紹可以參考 官方網站 的文件,



