對中文網頁來說,CSS 字型設定一直是個麻煩的問題,想直接載入字型檔案容量太大,拖慢網頁速度、耗費過多流量,通常會使用網頁字型解決,像是 Google Fonts 和 Adobe Fonts(以前叫作 Typekit)就有提供思源黑體和思源宋體等中文網頁字型,只要加入一段 JavaScript 程式碼並調整一下 CSS 樣式表就能使用,讓網頁的中文部分更易於閱讀,設計看起來也更有質感。
Google Fonts
思源黑體 Noto Sans TC 繁體中文網頁字型正式上架 Google Fonts
Type Hero 在瀏覽器即時測試 Google Fonts 效果,可切換字型和背景顏色
Google Fonts 可能是目前收錄最多免費英文字型的網站,去年大改版後,原本動線不佳和瀏覽不便等情形已經獲得改善,走向更簡約的設計風格,整體瀏覽感覺是很棒的!假如你不喜歡它的字型搜尋或測試功能,也有開發者自行開發第三方應用,例如 FontCDN 更好用的網頁字型搜尋工具,能直接在網頁快速套用 Google 字型的 Font Swap 外掛程式或是 Better Font Finder 更直覺的字型檢視器,都是這網站之外值得一試的免費服務。
Better Font Finder 更直覺 Google Fonts 檢視器,可視化介面比較不同字型
Font Swap 在任何網頁快速更換字體,從 Google Fonts 選擇免費字型一鍵套用(Chrome 擴充功能)
有時候在瀏覽某些網站時會覺得網站使用的字型很醜、很不好閱讀,除了聯絡網站管理者調整,或使用類似 Mercury Reader 工具來開啟閱讀模式,還有其他更好的解決方法嗎?就我所知有一些瀏覽器外掛可快速更改網站字型,不過對一般使用者來說還是稍嫌困難,若有類似需求,本文要介紹一款非常好用的外掛「Font Swap」,可以快速將網站的標題、內文套用成 Google Fonts 裡任何字體。
Overpass Font 免費道路標誌英文字型下載,Red Hat 贊助開放原始碼
一般使用於道路標誌上的字體設計講求易讀性,或者可以這麼說,要如何在一定車速情況下不用花太多時間就能一眼辨識標示,成為該字型的設計初衷及最大挑戰。在開始介紹本文的 Overpass Font 前我查了關於 Highway Gothic 資料,因為 Overpass 網站提到這個字型的設計靈感是來自它,也就是著名的「聯邦高速公路字體」,美國、加拿大、土耳其、澳大利亞、荷蘭、中國大陸及台灣皆用於道路標誌的標準字體,不過在一些地方已經逐漸被 Clearview 取代。
Google Noto 開源免費字型下載,完美支援 800 種語言、11 萬個字元無亂碼
早在數年前 Google 就有一項遠大計劃,想開發全世界都能通用的字型系統(大家都知道 Google 不斷在改變世界),因此從 2011 年開始內部就啟動 Noto 專案,在團隊統籌下可以在不同語系中使用相同字型設計來獲得最大和諧度。一直到 2014 年終於放出一系列的免費字型,其中大家可能目前還在使用的「Noto Sans CJK(另一名稱為思源黑體)」就屬於 Noto 字型家族,後來也在 Google Fonts 推出網頁字型,不過渲染效果和速度不如 Adobe Typekit 來得優異。
Google Fonts 網站全新設計,免費下載八百種英文字型
Google Fonts 免費字型網站一直是我非常喜愛的 Google 服務,其中收錄大量開放原始碼字型專案,讓使用者透過目錄篩選的方式找到自己需要的字型資源,除了免費下載也能藉由產生程式碼將字體內嵌到網站使用,大家都知道 Google 擁有相當龐大的網路連線能力,因此網路字型不僅能讓文字樣式更多樣化,也不會對載入速度造成影響,之前 Google Fonts 已將中文思源黑體放入 Early Access 測試頁面,用以改善中文網頁的文字顯示效果。
Fontea 在 Photoshop 使用超過 700 種 Google Fonts 免費字型
一家名為 Source 公司,曾經開發多款實用 Photoshop 外掛工具,例如:CSSHat、PNGHat 和 Subtle Patterns,最近推出一款全新延伸功能「Fontea」,讓使用者輕鬆在 Photoshop 繪圖工具裡存取使用 Google Fonts 免費字型,內建篩選、搜尋及收藏功能,一鍵就能將眾多字型套用到現有設計專案,省去手動下載字型再安裝的麻煩。
FontCDN 更好用的 Google Fonts 網頁字型搜尋工具
對於網頁開發者來說,Google Fonts 提供了一系列相當豐富的網頁字型資源,讓我們可以免費使用數百種字體,藉此讓網頁更加美觀,提升整體易讀性。但如果經常使用 Google Fonts 的話,會發現它的網站介面其實不好操作,於是國外有使用者重新改造,推出一個便於操作的替代方案。