先前介紹過 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 網頁設計者就可以輕鬆的使用漂亮的網頁字型。
熱門文章
-
在使用 Arch Linux 的環境下,若只使用 root 帳號來進行大量操作是不明智的方法。因此為了讓使用 Arch Linux 更安全、彈性的方法之一就是針對各任務建立擁有適當權限的使用者。( 其他 Arch Linux 相關教學可以參考 本篇整理 )
-
對 Java EE container 很重要的設定檔 web.xml,有時候莫名消失或者建立新專案時缺少了 web.xml 檔案,該如何利用 Eclipse 重新產生呢?
-
處理完用戶端請求後 Django 提供多種回傳資料的方式,JSON 格式則是其中一種,你在網路上也可以找到各種不同回傳 JSON 資料的方式。其實 Django 本身就提供了一個相當簡單的方法,因此本篇就將介紹如何透過 Django 回傳 JSON 資料。(其他 Django 相...
-
在 Arch Linux 上建立一個 FTP 伺服器是相當簡單的,本篇將紀錄如何利用 Very Secure FTP Daemon ( vsftpd ) 來完成 FTP 伺服器的設定。( 其他 Arch Linux 相關教學可以參考 本篇整理 )
-
Gitlab 為了讓使用者部署程式更方便,它提供了一個功能叫 Deploy Keys,使用者將 SSH Public Key 加入,之後不需要密碼就可以獲得程式庫 read-only 的權限,所以很適合運用在 CI 中。通常在 Unix-like 環境中將對應的 Key 與其使用...