週報總覽 Newsletter

請選擇您感興趣的週報主題類型

了解線上字型 ( Web Font ) 如何運作,以及它與網站瀏覽速度的關聯性

網頁中線上字型 ( 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 的好處與限制後,希望每個人都可以依照需求找到適合自己的使用方式。

#GOOGLE#網站趨勢#圖文編排訣竅

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

友善列印版本

這些資訊無法滿足您?

請填寫聯絡表單與我們進行更多互動吧!