先前介紹過 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 網頁設計者就可以輕鬆的使用漂亮的網頁字型。
熱門文章
-
Mac 系統已經將安裝軟體的過程化繁為簡,但有時候還是會需要透過 Command Line 安裝軟體的情況。所以,本篇將介紹如何透過 Command Line 安裝 .dmg 檔案。( 其他 Mac 相關教學可以參考 本篇整理 。If you want to read this ...
-
在建立 Tornado Web Application 時遇到許多問題,其中一個就是 [Errno 97] Address family not supported by protocol ,為了解決這個問題,看了不少網路上的討論最後得以解決。因此,本篇將解決的方式記錄下來提供大...
-
這篇針對 Eclipse 啟動時選擇工作區的方法做幾個整理。除此之外其實真正困擾我的問題是似乎在裝完 Google Plugin 後一陣子,當 Eclipse 每次重新啟動時不會彈出視窗讓我選擇要使用的工作區,即使我已經將參數設定成每次開啟都詢問 ( Prompt for wor...
-
之前分享了如何透過 Django 回傳 JSON 資料,接著要利用本篇來介紹如何處理 JSON Request。( 其他 Django 相關教學可以參考 本篇整理 。If you want to read this article in English, you can visi...
-
非常有名的網路工具 Netcat ( nc ) 有許多好用的技巧,今天要介紹的是如果遠端機器沒有 SSH、Telnet 等工具的話,可以使用 netcat 來建立連線並開啟 Shell prompt。