Roboto 是 Google 在 2011 年為 Android 4.0 開發的無襯線字體(Sans-Serif)家族,2014 年為新的 Android 5.0 重新設計,後來也成為 Google 旗下服務 Google Play、YouTube、Google 地圖和 Google 圖片搜尋的預設字型。Roboto 字型使用 Apache 授權條款釋出,整個字型家族包含六種字重粗細:Thin、Light、Regular、Medium、Bold、Black 和相對應的斜體,任何人都可以從 Google Fonts 網站免費下載。
WebFont
Adobe Fonts 提供五種「文鼎中文字型」免費雲端下載,可個人和商業用途(方新書、明體、晶熙黑、魏碑、圓體)
以前有一段時間我使用台灣文鼎科技的「iFontCloud 文鼎雲字庫」網頁字型服務,因為它收錄一些自家開發設計的高品質字型,提供包括字型租賃和網頁字體服務,可將頁面中所使用的字以雲端技術套用為其他字型,使用者無需取得這些字型也能讓網頁呈現更好的效果,網頁字型技術在 Adobe Fonts(以前稱為 Typekit)和 Google Fonts 都有提供,Adobe Fonts 渲染速度和效果較好,如果你有訂閱 Creative Cloud 的話還能從網站免費取得各種字型。
Fontworks 和 Google Fonts 合作釋出八款開放原始碼免費字型下載
Fontworks Inc.(フォントワークス株式会社)是一家成立於 1993 年的日本字體公司,旗下有知名的筑紫系列、UD 字體系列和 Klee(クレー)字體,經常出現在廣告和影集的標題或字幕設計,看起來很有氣質,筑紫系列和 Klee 也被內建於 Mac 作業系統。如果你想尋找好看的免費字型,日文字型對於漢字有一定程度的覆蓋,也有兼顧到英數字和符號,運用在中文上也是個不錯的選擇(取決於字型收錄漢字量多寡)。
Fontshare 高品質免費英文字型下載,可使用於個人和商業用途
如果不想花大筆費用購買字型授權,也不想使用 Google Fonts 提供的免費字型(和其他人重複),其實網路上也有不少開發免費字型的公司團隊,但大多數仍以英文字型為主,畢竟中文字型製作難度和成本太高,即使如此,很多設計上依然會用到英文或數字字型,還是要尋找使用起來很適切且讓人印象深刻的選擇。
Snapfont 在網頁即時套用測試 Google Fonts 和本機字型顯示效果(Chrome 擴充功能)
對中文網頁來說,CSS 字型設定一直是個麻煩的問題,想直接載入字型檔案容量太大,拖慢網頁速度、耗費過多流量,通常會使用網頁字型解決,像是 Google Fonts 和 Adobe Fonts(以前叫作 Typekit)就有提供思源黑體和思源宋體等中文網頁字型,只要加入一段 JavaScript 程式碼並調整一下 CSS 樣式表就能使用,讓網頁的中文部分更易於閱讀,設計看起來也更有質感。
思源黑體 Noto Sans TC 繁體中文網頁字型正式上架 Google Fonts
我在 WordCamp Taipei 活動上分享自己的網站經營心得,其中提到我對網頁的版面設計及排版相當重視,內容寫得好不好其次,更重要的是讓進入網站的訪客會想看看你究竟寫些什麼,就像美食需要擺盤陪襯,美酒需要酒瓶包裝,即使你不是那麼表面,還是不得不承認字型是一個網站需要下點功夫用心研究的元素。
PaymentFont 免費支付圖示集,收錄 116 個常用付款方式向量圖檔(信用卡、PayPal)
![PaymentFont 免費支付圖示集,收錄 116 個常用付款方式向量圖檔(信用卡、PayPal) PaymentFont 免費支付圖示集,收錄 116 個常用付款方式向量圖檔(信用卡、PayPal)](https://web.archive.org./web/20220630040640im_/https://free.com.tw/wp-content/uploads/2018/09/paymentfont.png)
在需要付費的網站中,通常會在購物車或網頁底部放上付款圖示,代表這裡支援信用卡或其他線上支付管道,例如 PayPal 或 Stripe 等等,當然這些圖案都能在網路找到,而且有著各式各樣的設計風格,透過圖片編輯軟體自行調整一下馬上符合你的網站,但如果你不想東湊西湊又要花時間修改,直接選用已經準備好的向量圖示集就更簡單了!若你有需要這些支付相關圖示請繼續閱讀下去。
Iconfont.cn 阿里巴巴免費向量圖示庫,可產生中文網頁字型嵌入網站
Google Fonts 免費字型網站提供相當大量的中英文字型下載,如果要運用於網站,也能立即產生內嵌程式碼,以 Webfont 形式在瀏覽器開啟網頁時快速載入字型檔。一般來說,英文字型運用在網頁中幾乎沒什麼太大問題,但中文因為字型檔案太大、授權等問題,就必須借助一些技術來加快載入速度,避免影響使用者讀取網站,例如使用 Typekit、Google Fonts 載入思源黑體提升文字顯示質感(不過後者仍在測試階段)。
Inter UI 側重於螢幕易讀性的免費英文字型,文字偏小依舊可正常閱讀
免費資源網路社群分享過不少免費字型,絕大部分都是以英文字型為主,畢竟英文字型在製作難度上相對於中文少很多很多,不過中文還是有 Google 和 Adobe 共同開發的思源黑體、思源宋體可免費下載,算得上是近幾年免費中文字型最令人期待的開源計畫。英文字型就更不用說了,Google Fonts 一站滿足,如果你想將中文字型運用到網頁裡,可參考「Google Fonts 推出思源黑體中文網頁字型,改善網頁文字顯示效果」教學說明。