
Fontdeck 推出聖誕節倒數活動,每日贈送一種網頁字型(Webfont),使用於網頁裡能讓字型有更多不同的變化,Fontdeck 提供的網頁字型與先前介紹過的 Google 開源字體目錄類似,是使用 CSS 方式來將外部字型載入到自己的網站裡,Fontdeck 則負責託管這些檔案。
獲取免費字型
進入 Adfont Calendar 後,可以看到許多小方塊,類似台灣常常在玩的撮撮樂遊戲。Fontdeck 每日都會更新一個新字型到活動網頁裡,例如在 12/1 時可以打開一號木箱,然後點擊紅色按鈕來獲取當日免費字型(如下圖)。
- Adfont Calendar: https://adfont-calendar.com/

可以在線上測試一下字型的顏色及樣式,按下 Add to website 來獲取此字型。

然後建立一個帳戶,要填入包括電子郵件地址、密碼及你的網站名稱與使用的網域名稱,而你所設定的網域名稱將會決定此字型能否顯示的關鍵,務必要設定正確。

如果沒有在限時時間內獲取免費字型的話,那只能夠試用該字型(放在網頁裡只能顯示20次),趕緊看到右上角是不是出現 $0.00, 趕緊趁此機會按下 Purchase font licenses 將字型加入帳戶。

在以免費價格購買網頁字型後,試用限制就會解除。而 Fontdeck 這次優惠活動所贈送的網頁字型最多每個網站每月能展示 100萬次,如果超過的話就沒辦法顯示了。至於要怎麼使用 Fontdeck 的網頁字型呢?在此頁面下方會有簡易的使用教學,大致的用法為:
- 將 CSS 語法先加入原始碼的 <head> 區段裡(如果使用 SSL 的話請將 https:// 改為 https://)
- 然後使用 CSS 方式來載入該字型。

不過可惜的是 Fontdeck 提供的字型仍是以英文字型為主(中文字型大多容量太大),但如果使用在中文網站是沒什麼問題的,只是效果一定沒有使用在全英文網站這麼好。如果使用者在製作網頁時會用 Webfont 來加強網站的字型效果,那麼可以趁這個月趕快入手這些免費網頁字型。
來源:https://adfont-calendar.com/