分類
❄免費資源(圖庫/版型/字體) 字體相關 業界觀察 軟體工具

免費網頁字型 Web Font 服務

一般網頁的文字顯示方式,是由瀏覽器使用訪客本機電腦系統的預設字體,例如 Windows 裡的細明體、標楷體或微軟正黑體,因此個人電腦、智慧手機或平板電腦的作業環境不同,預設的系統字型就不一樣,顯示出來的網頁也就有點差異。如果網頁中想使用特殊/美觀字型,就必須製作成圖檔才能呈現出來,例如下圖右邊的圖片部分。但這種額外方式不但麻煩,又不利於SEO,顯示文字的效果差。

google web fonts

Google 於 2010 年開始推出英文字型的 Google Web Fonts 服務,這種 Web Fonts 網頁字型服務就是利用 CSS 的import 或載入 Script 的網頁技術方式,直接把字型載入到網頁中,要使用某字型時就直接在 font-family 裡面使用該字型的名稱,就能套用到網頁文字,不再需要額外製作圖檔。完全不必擔心訪客的電腦作業環,或是有沒有安裝這個字型,非常方便好用。Adobe 也在 2012 年推出 Edge Web Fonts(Typekit 提供的字型服務,已被Adobe併購) 的免費網頁字型服務,提供 Google Web Fonts 以外的另一個選擇。2015年 Google Fonts 早鳥頁開始提供黑體、仿宋、明體、楷體及圓體等五種中文 Web fonts 供大家測試使用。

justfont


但美中不足的是,到如今 Google 仍未推出中文字型的免費網頁字型服務,但 fonts.com 有提供簡繁體的中文網頁字型,採用類似 justfont 的計價方式(如下圖)。還好華文市場從 2012年起,陸續有三家廠商推出中文網頁字型的解決方案,分別是 justfont(第一家推出此項服務,創辦人曾在華康字型公司服務過)、中文雲端字型服務的華康威font DynaFont Online、以及文鼎科技的 iFontCloud。目前的中文網頁字型服務,都採用網頁的瀏覽次數 (Page Views; PVs) 作為計價基準,網站的流量/網頁瀏覽次數愈高,需繳納的年費愈多,也就是用得越多、付得越多。

一般網頁的文字顯示方式,是由瀏覽器使用訪客本機電腦系統的預設字體,例如 Windows 裡的細明體、標楷體或微軟正黑體,因此個人電腦、智慧手機或平板電腦的作業環境不同,預設的系統字型就不一樣,顯示出來的網頁也就有點差異。如果網頁中想使用特殊/美觀字型,就必須製作成圖檔才能呈現出來,例如下圖右邊的圖片部分。但這種額外方式不但麻煩,又不利於SEO,顯示文字的效果差。

google web fonts

Google 於 2010 年開始推出英文字型的 Google Web Fonts 服務,這種 Web Fonts 網頁字型服務就是利用 CSS 的import 或載入 Script 的網頁技術方式,直接把字型載入到網頁中,要使用某字型時就直接在 font-family 裡面使用該字型的名稱,就能套用到網頁文字,不再需要額外製作圖檔。完全不必擔心訪客的電腦作業環,或是有沒有安裝這個字型,非常方便好用。Adobe 也在 2012 年推出 Edge Web Fonts(Typekit 提供的字型服務,已被Adobe併購) 的免費網頁字型服務,提供 Google Web Fonts 以外的另一個選擇。2015年 Google Fonts 早鳥頁開始提供黑體、仿宋、明體、楷體及圓體等五種中文 Web fonts 供大家測試使用。

justfont


但美中不足的是,到如今 Google 仍未推出中文字型的免費網頁字型服務,但 fonts.com 有提供簡繁體的中文網頁字型,採用類似 justfont 的計價方式(如下圖)。還好華文市場從 2012年起,陸續有三家廠商推出中文網頁字型的解決方案,分別是 justfont(第一家推出此項服務,創辦人曾在華康字型公司服務過)、中文雲端字型服務的華康威font DynaFont Online、以及文鼎科技的 iFontCloud。目前的中文網頁字型服務,都採用網頁的瀏覽次數 (Page Views; PVs) 作為計價基準,網站的流量/網頁瀏覽次數愈高,需繳納的年費愈多,也就是用得越多、付得越多。