TWI571751B - 加速網頁顯示亞洲語系字型的方法、字型伺服器、與於網頁顯示字型的瀏覽裝置 - Google Patents

Description

加速網頁顯示亞洲語系字型的方法、字型伺服器、與於 網頁顯示字型的瀏覽裝置

本發明是關一種加速網頁顯示字型顯示的方法，尤其是針對亞洲語系字型在網頁顯示上的加速呈現處理。

隨著資訊科技的不斷進展，人的生活可以說是已經離不開網際網路。相較於全球資訊網(World Wide Web)發展的早期，目前網頁上所呈現的內容可以說是愈來愈豐富。舉例來說，在早期於網頁顯示字型的瀏覽裝置的網頁所呈現文字的字型絕大部分是由超文件標示語言(HyperText Markup Language，簡稱：HTML)來定義，然而隨著網頁內容愈來愈多元與豐富的趨勢下，已有業者開始提供根據網頁需求透過網際網路下載不同字型檔案的服務。這樣一來，即使於網頁顯示字型的瀏覽裝置未安裝該字型的樣式，也可讓使用者在瀏覽網頁時享受到多樣化的字型。然而，亞洲文字字型的檔案通常很大，需花費較多的時間下載，從而增加使用者的等待時間。

台灣專利I427534藉由圖騰伺服器產生網頁圖騰之方法中揭露之方法，是以圖騰顯示程式與圖騰伺服器通訊後，以該網頁之字碼及字型資訊來取得子集合字型，以縮小字型檔案達到加快下載呈現速度之目的。該方法雖較整個字型檔案下載快速，但在與圖騰伺服器通訊仍有等待時間，依照網路品質與頻寬不同約需等待數秒，等待時間中間會有數秒顯示為系統預設字型，等待子集合字型檔案完全下載完成後，方能正確顯示出設定的字型樣式。因此，如何讓瀏覽者 省略中間的等待時間，能直接瀏覽到網頁設定的字型樣式，是值得本領域具有知識者去思考的。

為了解決上述之問題，本發明的目的在於提供一種加速網頁顯示亞洲語系字型的方法，此種於網頁顯示字型的方法能讓使用者在無需太多等待時間的情況下享受多樣化的亞洲語系字型。

基於上述目的與其他目的，本發明提供一種加速網頁顯示亞洲語系字型的方法。首先，從對應到一網頁網址的一網頁源下載至少一網頁資訊到一於網頁顯示字型的瀏覽裝置，網頁資訊包括一連接資訊、至少一字碼資訊、與至少一字型資訊。再來，於網頁顯示字型的瀏覽裝置根據連接資訊從一字型伺服器下載一字型顯示程式，字型顯示程式至少根據該網頁網址與該字型資訊產生至少一第一定址資訊。之後，字型顯示程式根據第一定址資訊，至字型伺服器嘗試下載一第一子集合字型檔案。若於網頁顯示字型的瀏覽裝置成功下載第一子集合字型檔案，於網頁顯示字型的瀏覽裝置對第一子集合字型檔案進行解譯並產生一第一解譯結果，並將第一解譯結果呈現於一網頁上。接著，字型顯示程式將網頁網址、字碼資訊、與字型資訊傳送至字型伺服器，該字型伺服器包括一字型產生模組。再來，字型產生模組判斷網頁網址對應之字型資訊與字碼資訊至少其中之一是否有變動或並不存在該網址對應之字型資訊與字碼資訊，若是則進行下述步驟。首先，字型產生模組根據字碼資訊與字型資訊產生至少一對應的第二子集合字型檔案，及至少依據網頁網址與字型資訊產生一第二定址資訊。之後，傳送第二定址資訊至於網頁顯示字型的瀏覽裝置的字型顯示程式，且字型顯示程式根據第二定址資訊下載第二子集合字型檔案。接著，於網頁顯 示字型的瀏覽裝置對第二子集合字型檔案進行解譯並產生一第二解譯結果，並將該第二解譯結果呈現於一網頁上。

在上述的加速網頁顯示亞洲語系字型的方法中，字型伺服器包括一原始字型資料庫，該字型產生模組產生該第二子集合字型檔案的步驟包括以下步驟。首先，從原始字型資料庫中尋找符合該字型資訊要求之字型。接著，根據所接收到之字碼資訊，從原始字型資料庫中取得對應到該字碼資訊中之每一字碼的一字型圖像。再來，產生該字碼資訊與該字型圖像間之一索引表，且依據該索引表從原始字型資料庫中產生第二子集合字型檔案。

在上述的於網頁顯示字型的方法中，當字型產生模組判斷網頁網址、字型資訊、與字碼資訊任一未有變動時，該第二定址資訊等於該第一定址資訊。

在上述的於網頁顯示字型的方法中，當字型資訊與字碼資訊有變動時，第二解譯結果將覆蓋第一解譯結果。

基於上述目的與其他目的，本發明提供一種字型伺服器，此字型伺服器通訊連接至一於網頁顯示字型的瀏覽裝置，該於網頁顯示字型的瀏覽裝置包括至少一網頁資訊，該網頁資訊包括一連接資訊、至少一字碼資訊、與至少一字型資訊，於網頁顯示字型的瀏覽裝置根據連接資訊而連接至字型伺服器。字型伺服器包括一字型顯示程式與一字型產生模組，其中字型伺服器依據於網頁顯示字型的瀏覽裝置的請求而傳送字型顯示程式至於網頁顯示字型的瀏覽裝置，而字型產生模組產生至少一子集合字型檔案，且該字型伺服器還包括對應至該第一定址資訊的至少一第一子集合字型檔案。其中，於於網頁顯示字型的瀏覽裝置的字型顯示程式根據網頁網址與字型資訊產生至少一第一定址資訊，該字型顯示程式根據第一定址資訊從字型伺服器嘗試下載一第一子集合字型檔案，之後於於網頁顯示字型的瀏覽裝置的字型顯示程式將網頁網址、字碼資訊、與字型資訊傳送至字型伺服器。若該字型產生模組判斷該網頁網址對應之該字碼資訊 與該字型資訊至少其中之一是否不存在或有變動，則進行下述步驟。首先，根據字碼資訊與字型資訊產生至少一對應的第二子集合字型檔案，且根據網頁網址與字型資訊產生一第二定址資訊，並傳送第二定址資訊至於網頁顯示字型的瀏覽裝置的字型顯示程式。其中，於收到第二定址資訊後，於網頁顯示字型的瀏覽裝置的字型顯示程式根據第二定址資訊從字型伺服器下載第二子集合字型檔案並進行解譯以產生一第二解譯結果，並將該第二解譯結果呈現於一網頁上。

基於上述目的與其他目的，本發明提供一種於網頁顯示字型的瀏覽裝置，此於網頁顯示字型的瀏覽裝置通訊連接至一字型伺服器與至少一網頁源。網頁源包括至少一網頁資訊，該網頁資訊包括一連接資訊、至少一字碼資訊、與至少一字型資訊，而字型伺服器包括一字型顯示程式與一字型產生模組。字型產生模組適於產生至少一子集合字型檔，於網頁顯示字型的瀏覽裝置適於儲存由該網頁源所下載的網頁資訊以及由字型伺服器所下載的該字型顯示程式，該於網頁顯示字型的瀏覽裝置依據網頁資訊與字型顯示程式執行下述步驟。首先，根據連接資訊從一字型伺服器下載一字型顯示程式。接著，字型顯示程式至少根據網頁網址與字型資訊產生至少一第一定址資訊。再來，字型顯示程式根據第一定址資訊從字型伺服器嘗試下載第一子集合字型檔案。若成功下載第一子集合字型檔案，對該第一子集合字型檔案進行解譯並產生一第一解譯結果，並將第一解譯結果呈現於一網頁上。接著，字型顯示程式將網頁網址、字碼資訊、與字型資訊傳送至字型伺服器，其中字型伺服器的字型產生模組判斷網頁網址所對應之字型資訊與字碼資訊至少其中之一是否有變動或並不存在，若是則根據字碼資訊與字型資訊產生至少一對應的第二子集合字型檔案，及至少依據網頁網址與字型資訊產生一第二定址資訊，並傳送第二定址資訊至於網頁顯示字型的瀏覽裝置。之後，字型顯示程式根據第二定址資訊下載第二子集合字型檔 案。然後，對第二子集合字型檔案進行解譯並產生一第二解譯結果，並將第二解譯結果呈現於一網頁上。

此外，上述於網頁顯示字型的瀏覽裝置為裝設有瀏覽器軟體的一智慧型手機、一平板電腦、一桌上型電腦、或一筆記型電腦。

20‧‧‧網際網路

30‧‧‧網頁

32‧‧‧下拉式選單區

100‧‧‧系統

110‧‧‧網頁源

112‧‧‧伺服主機

120‧‧‧於網頁顯示字型的瀏覽裝置

123‧‧‧主機

124‧‧‧螢幕

130‧‧‧字型伺服器

132‧‧‧字型產生模組

134‧‧‧原始字型資料庫

S110~S170、S210~S260、S310~S350‧‧‧流程圖步驟

圖1所繪示為本發明之系統的實施例的示意圖。

圖2所繪示為本發明之於網頁顯示字型的方法的流程圖。

圖3所繪示為本發明之網頁的實施例。

圖4A~圖4F所繪示為網頁源、於網頁顯示字型的瀏覽裝置、與字型伺服器間的資訊遞送關係的示意圖。

圖5所繪示為產生第二子集合字型檔案的流程圖。

圖6A所繪示為字型顯示程式的部分原始碼。

圖6B所繪示為字型產生模組的部分原始碼。

圖6C所繪示為第一定址資訊與第二定址資訊。

請參照圖1，圖1所繪示為本發明之系統的實施例的示意圖。在本實施例中，系統100包括一網頁源110、一於網頁顯示字型的瀏覽裝置120、與一字型伺服器130，其中網頁源110、於網頁顯示字型的瀏覽裝置120、與字型伺服器130之間是藉由網際網路20而彼此通訊連接。網頁源110是由至少一個(在本實施例為多個)伺服主機112所構成，這些伺服主機112可以置於一處或分散於多處。另外，於網頁顯示字型的瀏覽裝置120在本實施例中為一桌上型電腦，此桌上型電腦包括一主機123與一螢幕124；在其他實施例中，於網頁顯示字型的瀏覽裝置120也 可以為一筆記型電腦、一智慧型手機、一平板電腦、一All in One電腦或其他可以瀏覽網頁的電子裝置。此外，字型伺服器130也可由一個或多個伺服主機所構成，且字型伺服器130包括一字型產生模組132與一原始字型資料庫134，關於字型產生模組132與原始字型資料庫134將在後文有詳細的介紹。

請同時參照圖2A與圖2B，圖2A與圖2B所繪示為本發明之於網頁顯示字型的方法的流程圖。首先，實施步驟S110，使用者於於網頁顯示字型的瀏覽裝置120將瀏覽器開啟，在本實施例中，瀏覽器可以為Internet Explorer、Firefox、Opera Web Browser、或Google Chrome等。再來，實施步驟S120，之後透過超連接的方式連接到網頁源，這樣螢幕124就會顯示出如圖3所示的網頁，圖3所示的網頁網址：http：//www.abc.com.tw/。需注意的是，圖3所示網頁網址與網頁內容僅是示意，不代表真實網址，且網頁所示的內容也僅用於本申請案說明之用。此外，如圖4A所示，會從網頁源110下載到於網頁顯示字型的瀏覽裝置120的網頁資訊包括一連接資訊、至少一字碼資訊、與至少一字型資訊，其中連接資訊是指連接到字型伺服器130的網址。另外，字碼資訊則例如是圖3所示網頁30中下拉式選單區32中所示的「時尚專區」、「女性用品」、「3C產品」、「日常用品」等，而字型資訊則例如是指上述字碼所使用的字型，例如為：POP1字型。

之後，實施步驟S130，如圖4B所示，於網頁顯示字型的瀏覽裝置120根據連結資訊連接到字型伺服器130後，便會從字型伺服器130下載字型顯示程式，此字型顯示程式的部分原始碼如圖6A所示。再來，實施步驟S140，相關部分原始碼於圖6A的方框601中所圈選的區域，位於於網頁顯示字型的瀏覽裝置120的字型顯示程式會根據網頁網址(即圖3所示的網頁網址：http：//www.abc.com.tw/)與字型資訊(例如有使用到pop1與pop2兩套字型)，而產生一第一定址資訊，此第一定址資訊如圖6C中方框611所示。

然後，實施步驟S150，如圖4C所示，於網頁顯示字型的瀏覽裝置120根據第一定址資訊從字型伺服器130下載一第一子集合字型檔案。在本實施例中，第一子集合字型檔案較佳是只包括對應到該網頁30中所示字碼的字型，而非全部的字型。然後，實施步驟S160，於網頁顯示字型的瀏覽裝置120的主機123會對第一子集合字型檔案進行解譯，以產生一第一解釋結果，此第一解釋結果會呈現於於網頁顯示字型的瀏覽裝置120的網頁上。詳細地說，於網頁顯示字型的瀏覽裝置120會根據第一子集合字型檔案，而使網頁上的字碼(部分或全部)的字型會呈現對應到第一子集合字型檔案的字型。

再來，實施步驟S170，如圖4D所示，於網頁顯示字型的瀏覽裝置120的字型顯示程式會將網頁網址與對應到該網頁網址的字碼資訊及字型資訊傳送到字型伺服器130。之後，實施步驟S210，字型產生模組132會判斷對應到該網頁網址的字碼資訊或字型資訊是否有變動，或判斷對應到該網頁網址的字碼資訊或字型資訊是否不存在。在本實施例中，字型產生模組132的部分原始碼如圖6B所示。

更詳細的說，請同時參照圖1，在一般的情況下，字型伺服器130與網頁源110是由不同的業者所負責(但也可以同屬相同的業者)，網頁源110的業者會向字型伺服器130的業者訂購服務，這樣一來於網頁顯示字型的瀏覽裝置120的消費者在瀏覽網頁源110的時候就可在網頁上看到字型伺服器130所提供的特殊字型，其運作的相關程序已如步驟S110~步驟S170所示。例如，於步驟S150所提到的第一子集合字型檔案便可為網頁源110的業者向字型伺服器130的業者訂購服務後，字型伺服器130便在字型伺服器130預先儲存的第一子集合字型檔案。然而，網頁源110的業者可能對該網頁中的字型或字碼進行修改，而導致於步驟S150所下載的第一子集合字型檔案無法讓網頁正確呈現更改後的字型或字碼。或者，網頁源110的業者可能新增新的網頁，當該新增網頁首次被下載時，字型伺服器130便不會存在與網址對應之字型資訊與字碼資訊。當發生上述情況時， 系統100便會執行步驟S230~步驟S260的程序，以產生新的子集合字型供使用，關於步驟S230~步驟S260將於下文詳細說明。在本實施例中，若不存在上述的情況，則字型伺服器130便不會產生新子集合字型(如步驟S220)，字型顯示程式會直接下載第一子集合字型檔案顯示，直到於網頁顯示字型的瀏覽裝置120的使用者離開該網頁30。

請繼續參照圖2B，實施步驟S230，於字型伺服器130中，字型產生模組132會產生一第二子集合字型及一第二定址資訊。詳細地說，字型產生模組132根據於網頁顯示字型的瀏覽裝置120所上傳的字碼資訊與字型資訊產生至少一對應的第二子集合字型檔，且也會依照網頁網址與字型資訊產生一第二定址資訊，此第二定址資訊如圖6C中方框612所示。

之後，實施步驟S240，請同時參照圖4E，字型伺服器130將第二定址資訊傳送到於網頁顯示字型的瀏覽裝置120。然後，實施步驟S250，請同時參照圖4F，於網頁顯示字型的瀏覽裝置120的字型顯示程式130會根據第二定址資訊向字型伺服器130下載第二子集合字型檔案。再來，實施步驟S260，於網頁顯示字型的瀏覽裝置120的主機123對第二子集合字型檔案進行解譯並產生一第二解譯結果，並將第二解譯結果呈現於網頁30上。也就是說，原本呈現在網頁30上的第一解釋結果會被第二解釋結果所覆蓋。值得注意的是，在較佳實施例中，因網頁會同時有多瀏覽者瀏覽，當有一位瀏覽者讀取過該網頁30並於字型伺服器130上產生第二子集合字型檔案後，其他瀏覽者即可在瀏覽時直接下載第二子集合字型檔案做顯示，無需再等待字型伺服器130通訊處理後方能顯示，故可以縮短處理和傳送所需的時間，從而讓於網頁顯示字型的瀏覽裝置120的瀏覽者在無需太多等待時間的情況下享受多樣化的字型。

需注意的是，在其他的實施例中，當字型產生模組132判斷網頁網址對應之字型資訊或字碼資訊無變動或已存在該網址對應之字型資訊與字碼資訊時，也 會執行步驟S230~步驟S260。不過，在此情況下，第二定址資訊會等於第一定址資訊。

綜上所述，在本發明中，於網頁顯示字型的瀏覽裝置120會先進行下載第一子集合字型檔案的程序並顯示第一解釋結果，之後字型伺服器130上的字型產生模組132才會判斷對應到該網頁網址的字碼資訊或字型資訊是否有變動，或判斷對應到該網頁網址的字碼資訊或字型資訊是否不存在。也就是說，字型產生模組132在未進行判斷前，於網頁顯示字型的瀏覽裝置120就會顯示第一解釋結果，相較於先進行判斷再顯示，本發明所揭露的方法可以減少於網頁顯示字型的瀏覽裝置120的使用者的等待時間。而且，就算第一子集合字型檔案不是所欲的子集合字型檔案，之後字型伺服器130也會依據於網頁顯示字型的瀏覽裝置120所上傳的字碼資訊與字型資訊產生正確的第二子集合字型檔。

以下，將對第二子集合字型檔案的產生方式進行較詳細的介紹。請參照圖5，圖5所繪示為產生第二子集合字型檔案的流程圖。

首先，實施步驟S310，字型產生模組132判斷及確認是否接收到來自於網頁顯示字型的瀏覽裝置120所傳送之字碼資訊與字型資訊。接著，實施步驟S320，字型產生模組132從原始字型資料庫134中尋找符合字型資訊所要求的字型，並且由至少一套字型資料所組成，其來源包括但不限於TTF(Truetype字型檔案格式)、TTC(Truetype字型檔案集格式)、OTF(opentype字型檔案格式)、XML(將字型檔案存成XML格式)，其來源包含將字型轉換成等同效果之資料格式等。

再來，實施步驟S330，根據所接收到之字碼資訊(例如：“時尚專區”)，字型產生模組132從原始字型資料庫134中取得對應到字碼資訊中之每一字碼的一字型圖像。舉例來說，當字型資訊為：[王漢宗字體](未顯示於圖中)，其中“時”字之Unicode字碼為6642，則尋找[王漢宗字體]中之字碼索引值，得出字碼索引值為18432，又尋找[王漢宗字體]，以字碼索引值18432尋找此字型圖像位置，取 得字型圖像之內容，其餘字“尚”、“專”、及“區”均可以同樣方式取得其字型圖像之內容，故不再贅述。

然後，實施步驟S340，產生字碼資訊與字型圖像間之一索引表(未繪示)。之後，依據索引表便可以從原始字型資料庫134中產生第二子集合字型檔案。本發明說明如上，然其並非用以限定本創作所主張之專利權利範圍。其專利保護範圍當視後附之申請專利範圍及其等同領域而定。凡本領域具有通常知識者，在不脫離本專利精神或範圍內，所作之更動或潤飾，均屬於本創作所揭示精神下所完成之等效改變或設計，且應包含在下述之申請專利範圍內。

S110~S170、S210~S260‧‧‧流程圖步驟

Claims (9)

1. 一種於網頁顯示字型的方法，包括：從對應到一網頁網址的一網頁源下載至少一網頁資訊到一於網頁顯示字型的瀏覽裝置，該網頁資訊包括一連接資訊、至少一字碼資訊、與至少一字型資訊；該於網頁顯示字型的瀏覽裝置根據該連接資訊從一字型伺服器下載一字型顯示程式；該字型顯示程式至少根據該網頁網址與該字型資訊產生至少一第一定址資訊；該字型顯示程式根據該第一定址資訊，至該字型伺服器嘗試下載一第一子集合字型檔案；若該於網頁顯示字型的瀏覽裝置成功下載該第一子集合字型檔案，該於網頁顯示字型的瀏覽裝置對該第一子集合字型檔案進行解譯並產生一第一解譯結果，並將該第一解譯結果呈現於一網頁上；該字型顯示程式將該網頁網址、該字碼資訊、與該字型資訊傳送至該字型伺服器，該字型伺服器包括一字型產生模組；該字型產生模組判斷該網頁網址對應之該字型資訊與該字碼資訊至少其中之一是否有變動或並不存在該網址對應之該字型資訊與該字碼資訊，若是則進行下述步驟：該字型產生模組根據該字碼資訊與該字型資訊產生至少一對應的第二子集合字型檔案，及至少依據該網頁網址與該字型資訊產生一第二定址資訊；傳送該第二定址資訊至該於網頁顯示字型的瀏覽裝置的該字型顯示程式； 該於網頁顯示字型的瀏覽裝置的該字型顯示程式根據該第二定址資訊下載該第二子集合字型檔案；以及該於網頁顯示字型的瀏覽裝置對該第二子集合字型檔案進行解譯並產生一第二解譯結果，並將該第二解譯結果呈現於一網頁上。
2. 如申請專利範圍第1項之於網頁中產生字型的方法，其中該字型伺服器包括一原始字型資料庫，該字型產生模組產生該第二子集合字型檔案的步驟包括：從該原始字型資料庫中尋找符合該字型資訊要求之字型；根據所接收到之該字碼資訊，從該原始字型資料庫中取得對應到該字碼資訊中之每一字碼的一字型圖像；產生該字碼資訊與該字型圖像間之一索引表；以及依據該索引表從該原始字型資料庫中產生該第二子集合字型檔案。
3. 如申請專利範圍第1項之於網頁中產生字型的方法，其中當該字型產生模組判斷該網頁網址、該字型資訊、與該字碼資訊任一未有變動時，該第二定址資訊等於該第一定址資訊。
4. 如申請專利範圍第1項之於網頁中產生字型的方法，其中當該字型資訊與該字碼資訊有變動時，該第二解譯結果將覆蓋該第一解譯結果。
5. 一種字型伺服器，通訊連接至一於網頁顯示字型的瀏覽裝置，該於網頁顯示字型的瀏覽裝置包括至少一網頁資訊，該網頁資訊包括一連接資訊、至少一字碼資訊、與至少一字型資訊，該於網頁顯示字型的瀏覽裝置根據該連接資訊而連接至該字型伺服器，該字型伺服器包括： 一字型顯示程式，該字型伺服器適於依據該於網頁顯示字型的瀏覽裝置的請求而傳送該字型顯示程式至該於網頁顯示字型的瀏覽裝置，且該字型顯示程式適於產生至少一第一定址資訊；以及一字型產生模組，該字型產生模組適於產生至少一子集合字型檔案，且該字型伺服器還包括對應至該第一定址資訊的至少一第一子集合字型檔案；其中，於該於網頁顯示字型的瀏覽裝置的該字型顯示程式根據該網頁網址與該字型資訊產生至少一第一定址資訊，該字型顯示程式根據該第一定址資訊從該字型伺服器嘗試下載一第一子集合字型檔案，之後於該於網頁顯示字型的瀏覽裝置的該字型顯示程式將該網頁網址、該字碼資訊與該字型資訊傳送至該字型伺服器，若該字型產生模組判斷該網頁網址對應之該字碼資訊與該字型資訊至少其中之一是否不存在或有變動，若是則進行下述步驟：根據該字碼資訊與該字型資訊產生至少一對應的第二子集合字型檔案，且根據該網頁網址與該字型資訊產生一第二定址資訊；以及傳送該第二定址資訊至該於網頁顯示字型的瀏覽裝置的該字型顯示程式；其中，於收到該第二定址資訊後，該於網頁顯示字型的瀏覽裝置的該字型顯示程式根據該第二定址資訊從該字型伺服器下載該第二子集合字型檔案並進行解譯以產生一第二解譯結果，並將該第二解譯結果呈現於一網頁上。
6. 如申請專利範圍第5項之字型伺服器，更包括一原始字型資料庫，該字型產生模組產生該第二子集合字型檔案的步驟包括：從該原始字型資料庫中尋找符合該字型資訊要求之字型； 根據所接收到之該字碼資訊，從該原始字型資料庫中取得對應到該字碼資訊中之每一字碼的一字型圖像；產生該字碼資訊與該字型圖像間之一索引表；以及依據該索引表從該原始字型資料庫中產生該第二子集合字型檔案。
7. 如申請專利範圍第5項之字型伺服器，其中當該字型產生模組判斷該網頁網址及該字型資訊未有變動時，該第二定址資訊等於該第一定址資訊。
8. 一種於網頁顯示字型的瀏覽裝置，適於通訊連接至一字型伺服器與至少一網頁源，該網頁源包括至少一網頁資訊，該網頁資訊包括一連接資訊、至少一字碼資訊、與至少一字型資訊，而該字型伺服器包括一字型顯示程式與一字型產生模組，該字型產生模組適於產生至少一子集合字型檔，該於網頁顯示字型的瀏覽裝置適於儲存由該網頁源所下載的該網頁資訊以及由該字型伺服器所下載的該字型顯示程式，該於網頁顯示字型的瀏覽裝置依據該網頁資訊與該字型顯示程式執行以下步驟：根據該連接資訊從一字型伺服器下載一字型顯示程式；該字型顯示程式至少根據該網頁網址與該字型資訊產生至少一第一定址資訊；該字型顯示程式根據該第一定址資訊從該字型伺服器嘗試下載該第一子集合字型檔案；若成功下載該子集合字型檔案，對該子集合字型檔案進行解譯並產生一第一解譯結果，並將該第一解譯結果呈現於一網頁上；該字型顯示程式將該網頁網址、該字碼資訊、與該字型資訊傳送至該字型伺服器，其中該字型伺服器的該字型產生模組判斷該網頁網 址對應之該字型資訊與該字碼資訊至少其中之一是否有變動或並不存在，若是則根據該字碼資訊與該字型資訊產生至少一對應的第二子集合字型檔案，及至少依據該網頁網址與該字型資訊產生一第二定址資訊，並傳送該第二定址資訊至該於網頁顯示字型的瀏覽裝置；該字型顯示程式根據該第二定址資訊下載該第二子集合字型檔案；以及對該第二子集合字型檔案進行解譯並產生一第二解譯結果，並將該第二解譯結果呈現於一網頁上。
9. 如申請專利範圍第8項之於網頁顯示字型的瀏覽裝置，其中該於網頁顯示字型的瀏覽裝置為裝設有瀏覽器軟體的一智慧型手機、一平板電腦、一桌上型電腦、或一筆記型電腦。