網頁中線上字型 ( Web Font ) 的使用，隨著雲端的使用頻率越來越頻繁與網頁技術的不斷進步，也讓許多字型的使用變得更加的便利。讓以往載入字型的不便逐漸得到了更好的解決方法，現在能夠先將字型檔放在雲端並且把字型分拆成多個小檔案，再經由程式的撰寫讓網頁讀取字型，用意是讓使用者除了有一般傳統網站的使用字型，還多了一些其他的選擇。

在前期電子報中，也提到線上字型 ( Web Font ) 只要使用得宜，我們就可以使用這個好用的工具讓我們的網站標題、公司標語...等特殊意義的文字，賦予它更好的視覺效果，讓瀏覽者能夠在網頁的一堆文字裡，更容易受到關注。

在這時候，您可能會有些疑問，例如：我可以整個網站都使用線上字型嗎？ 一個網站上可以用幾種線上字型？ 使用線上字型對網站是否有需要注意的地方？

線上字型 ( Web Font ) 是怎麼運作的？

中文常用字約有 4,900 字、英文有 26 個字母，在網站中使用線上字型時，系統會 1 個字 1 個字的交叉比對，比對完成後網頁上才會顯示帶有線上字型的文字內容。 所以中文每一個字都要比對 4900 次，英文每個字母只要比對 26 次。

以 Google Font 的思源黑體舉例來說， Google 將文字區分成很多個區塊，只讓網頁下載有使用到的文字再顯示，這樣就不用一次需要下載整個完整的字庫檔案，這種 ”只下載需要的文字” 使用方式，跟傳統需要將文字下載後才能閱讀的方式，有很大的不同，這樣的方式能讓電腦上沒有安裝指定字型的人，也可以在網站上看到特殊指定的文字字型。

線上字型 ( Web Font ) 對網站的影響？

由上一段我們可以知道，現在的線上字型使用方式跟傳統有很大的改變，如果我在網站上使用很多線上字型，對網站到底好不好呢？

我們可以提供以下 3 點讓您做個參考

• 瀏覽器對於線上字型的支援度

  瀏覽器對於線上字型的支援度不一，有可能因為使用裝置上的瀏覽器版本不支援線上字型，而只能看到傳統的預設文字字型。如果遇到不支援的時候，裝了等於沒裝。

• 瀏覽網站時的頁面下載速度

  我們對線上字型做了 1 個測試，將 1,500 字的中文文章內容放在個別的 A 、 B 兩個頁面，A頁使用預設字型， B 頁安裝 Google Font。測試這兩頁的下載速度我們得知 A：B = 2.9’：9.8’，需要大約三倍的速度。

   

  這是因為中文字字數眾多，所以系統需要花比較多時間比對下載，如果剛好遇到網速或 Google 主機 不穩定，就會拉長網頁的下載速度。

• 行動裝置 (手機、平板) 的限制

  行動裝置的規格沒有 PC 那麼好，瀏覽器也沒有 PC 那麼完整，行動網路也沒有家用網路那麼穩定，整體配合起來，行動裝使上的表現會很不穩定。

   

  瞭解了 Web font 的好處與限制後，希望每個人都可以依照需求找到適合自己的使用方式。