Web Fonts

網頁中的字型呈現，都是以瀏覽者電腦有安裝的字型為主，因此，即便是網頁製作時，所使用的字體有多美觀，除非瀏覽者的電腦有相同的字型。為解決此一困擾，因此便有網頁字型託管服務，像是 Google web fonts 由 Google 所提供的網頁字型應用服務 便是一例，現在，Adobe 也推出的 Edge Web Fonts 免費網頁字型託管服務，提供超過 500 種以上的免費字型，其中也包含所有在 Google Web Fonts 裡的開放原始碼字型，使用時，只需要將其生成的 JavaScript 語法複製到網站裡，便能以 CSS 的 font-family 方式來使用該字型，相當方便。

製作網頁時，若想使用一些較特殊的字型，往往需要以圖片的方式來呈現，這是因為來瀏覽網頁者的電腦裡未必裝有該字型，若不使用圖片來呈現，有可能會出現亂碼或是以別的字型來取代，造成排版不易，Google Web Fonts 便有提供該困擾的解決方案，便是將字型以 CSS 的方式做連結，這樣製作網頁與瀏覽網頁的雙方便可以以 Google Web Fonts 為中心來取得該字型，解決此一困擾，目前 Google 提供的字型不少，要如何才能快速找到適合自己網頁裡可以使用的字型呢？可以來試試 Font Comparer 這個免費的 Google Web Fonts 進階應用線上服務，只要輸入要預覽的字體，便會一次列出目前 Google 有提供字型的預覽，並提供 CSS 的使用語法，相當方便。

2012-10-4 更新 Google Font Directory 改為 Google web fonts

通常為了增加網頁的美觀，在製作網頁的時候會運用一些非 Windows 內建的字型，但是當有使用者訪問到該網頁時，除非訪客的電腦裡也有該字型，才能正常顯示，若無也只能回到預設的網頁字型，因此網頁設計者為解決這樣的問題，都會將該字型做成圖片格式來顯示。Google web fonts 是由 Google 所提供的網頁字型服務，它的出現改變原有網頁字型運用的常規，要應用時該字型時，只要連結到 Google 的所提供的 CSS 字型樣式，就能讓網頁訪客存取到相同的字型，再也不用將該字型做成圖片了。