Adobe Fonts 提供五種「文鼎中文字型」免費雲端下載,可個人和商業用途(方新書、明體、晶熙黑、魏碑、圓體)

Adobe Fonts 提供五種「文鼎中文字型」免費雲端下載,可個人和商業用途(方新書、明體、晶熙黑、魏碑、圓體)

以前有一段時間我使用台灣文鼎科技的「iFontCloud 文鼎雲字庫」網頁字型服務,因為它收錄一些自家開發設計的高品質字型,提供包括字型租賃和網頁字體服務,可將頁面中所使用的字以雲端技術套用為其他字型,使用者無需取得這些字型也能讓網頁呈現更好的效果,網頁字型技術在 Adobe Fonts(以前稱為 Typekit)和 Google Fonts 都有提供,Adobe Fonts 渲染速度和效果較好,如果你有訂閱 Creative Cloud 的話還能從網站免費取得各種字型。

思源黑體 Noto Sans TC 繁體中文網頁字型正式上架 Google Fonts

思源黑體 Noto Sans TC 繁體中文網頁字型正式上架 Google Fonts

我在 WordCamp Taipei 活動上分享自己的網站經營心得,其中提到我對網頁的版面設計及排版相當重視,內容寫得好不好其次,更重要的是讓進入網站的訪客會想看看你究竟寫些什麼,就像美食需要擺盤陪襯,美酒需要酒瓶包裝,即使你不是那麼表面,還是不得不承認字型是一個網站需要下點功夫用心研究的元素。

Iconfont.cn 阿里巴巴免費向量圖示庫,可產生中文網頁字型嵌入網站

Iconfont.cn 阿里巴巴免費向量圖示庫,可產生中文網頁字型嵌入網站

Google Fonts 免費字型網站提供相當大量的中英文字型下載,如果要運用於網站,也能立即產生內嵌程式碼,以 Webfont 形式在瀏覽器開啟網頁時快速載入字型檔。一般來說,英文字型運用在網頁中幾乎沒什麼太大問題,但中文因為字型檔案太大、授權等問題,就必須借助一些技術來加快載入速度,避免影響使用者讀取網站,例如使用 TypekitGoogle Fonts 載入思源黑體提升文字顯示質感(不過後者仍在測試階段)。

Type Hero 在瀏覽器即時測試 Google Fonts 效果,可切換字型和背景顏色

Type Hero 在瀏覽器即時測試 Google Fonts 效果,可切換字型和背景顏色

Google Fonts 可能是目前收錄最多免費英文字型的網站,去年大改版後,原本動線不佳和瀏覽不便等情形已經獲得改善,走向更簡約的設計風格,整體瀏覽感覺是很棒的!假如你不喜歡它的字型搜尋或測試功能,也有開發者自行開發第三方應用,例如 FontCDN 更好用的網頁字型搜尋工具,能直接在網頁快速套用 Google 字型的 Font Swap 外掛程式或是 Better Font Finder 更直覺的字型檢視器,都是這網站之外值得一試的免費服務。

Better Font Finder 更直覺 Google Fonts 檢視器,可視化介面比較不同字型

Better Font Finder 更直覺 Google Fonts 檢視器,可視化介面比較不同字型

說到免費字型可能很多人會立刻想到 Google Fonts,早先經常被詬病介面很難用,後來新設計確實讓瀏覽和搜尋字型方便不少,其實也有一些開發者設計出更好用的 Google Fonts 搜尋工具,例如 FontCDN 或直接在瀏覽器中快速更換、預覽字型的 Font Swap,對於測試字型顯示效果很有幫助。此外,透過 FontReach 收錄百萬網站網頁字型使用情形還能得知當今最熱門的字型排名。

Google Fonts 網站全新設計,免費下載八百種英文字型

Google Fonts 網站全新設計,免費下載八百種英文字型

Google Fonts 免費字型網站一直是我非常喜愛的 Google 服務,其中收錄大量開放原始碼字型專案,讓使用者透過目錄篩選的方式找到自己需要的字型資源,除了免費下載也能藉由產生程式碼將字體內嵌到網站使用,大家都知道 Google 擁有相當龐大的網路連線能力,因此網路字型不僅能讓文字樣式更多樣化,也不會對載入速度造成影響,之前 Google Fonts 已將中文思源黑體放入 Early Access 測試頁面,用以改善中文網頁的文字顯示效果。

Google Fonts 推出「思源黑體」中文網頁字型,改善網頁文字顯示效果

Google Fonts 推出「思源黑體」中文網頁字型,改善網頁文字顯示效果
(Copyright: horsager / 123RF Stock Photo

思源黑體是 Adobe 和 Google 共同開發的開放原始碼字型,發佈時就已支援繁體中文、簡體中文、日文及韓文,因此深受許多使用者喜愛(尤其中文字型在製作難度上很高,除了付費項目外幾乎沒有更多選擇),其開源特性使更多字型同好得以就細部進行調整,重新設計出更不一樣的字型,例如:思源真黑體思源柔黑體等等。

FontCDN 更好用的 Google Fonts 網頁字型搜尋工具

FontCDN 更好用的 Google Fonts 網頁字型搜尋工具

對於網頁開發者來說,Google Fonts 提供了一系列相當豐富的網頁字型資源,讓我們可以免費使用數百種字體,藉此讓網頁更加美觀,提升整體易讀性。但如果經常使用 Google Fonts 的話,會發現它的網站介面其實不好操作,於是國外有使用者重新改造,推出一個便於操作的替代方案。

為網站載入 Typekit「思源黑體」中文網頁字型,提升文字顯示質感

載入Typekit「思源黑體」中文網頁字型教學,提升網站整體質感

相信大家對「思源黑體(Source Han Sans)」都不陌生,這是 Adobe 和 Google 合作,於 2014 年推出的開放原始碼免費字型,提供七種粗細設定,完整支援日文、韓文、繁體及簡體中文,有鑑於免費中文字型選擇不多,在開發上也頗具難度,一推出便受到許多人關注,修改版字型也陸續出現,例如之前介紹過的思源柔黑體思源真黑體