一種web上顯示維吾爾文字的方法及裝置的制造方法
【技術(shù)領(lǐng)域】
[0001] 本發(fā)明涉及維吾爾語的網(wǎng)頁開發(fā)技術(shù)領(lǐng)域，尤其涉及一種WEB上顯示維吾爾文字 的方法及裝置。
【背景技術(shù)】
[0002] 維吾爾文（以下簡稱維文）使用阿拉伯字母：此種字母組成的詞從右向左橫寫，大 多數(shù)阿拉伯字母都有語義字母和與語義字母對應(yīng)的"頭符"、"中符"、"尾符"、"獨符" 4種顯 示字形（簡稱為顯示字母），語義字母對應(yīng)基本區(qū)編碼，4種字形對應(yīng)擴(kuò)展區(qū)編碼，語義字母 用于表達(dá)語義，而顯示字母用于輸出顯示。經(jīng)過不斷發(fā)展和演化，上述語言形成了很多自身 特色，在語素、語法、構(gòu)詞等方面不同于其它地域同語系的語種，現(xiàn)有的主流瀏覽器，包括桌 面瀏覽器和移動端瀏覽器對于上述字體的顯示還不能做到很好的支持，同樣的文字在不同 的瀏覽器顯示效果大相徑庭：例如在本機(jī)未安裝維文標(biāo)準(zhǔn)字體的情況下，維文在不同的瀏 覽器中存在無法正常顯示、詞中的字母互相不關(guān)聯(lián)等問題。

【發(fā)明內(nèi)容】

[0003] 有鑒于此，本發(fā)明提供一種WEB上顯示維吾爾文字的方法及裝置，用于實現(xiàn)在用 戶終端上未安裝維吾爾字庫的情況下，在WEB頁面中正確、高效的顯示維吾爾語言文字的 目的。
[0004] 為實現(xiàn)本發(fā)明的發(fā)明目的，基于本發(fā)明實施例，提供了一種WEB上顯示維吾爾文 字的方法，該方法包括：
[0005] 在WEB網(wǎng)頁的層疊樣式表CSS中通過Font-face規(guī)則指定當(dāng)前的WEB頁面所使用 的維吾爾文字體，所述維吾爾文字體對應(yīng)的字體文件預(yù)置在WEB服務(wù)器上；
[0006] 在WEB網(wǎng)頁中通過為網(wǎng)頁標(biāo)簽指定字體屬性的方式，使得WEB網(wǎng)頁在渲染時將 Font-face規(guī)則中定義的字體應(yīng)用到文檔對象模型D0M元素上；
[0007] 通過嵌入WEB頁面的動態(tài)腳本語言程序?qū)崿F(xiàn)的選型算法對網(wǎng)頁中應(yīng)用Font-face 規(guī)則定義的字體的標(biāo)簽里的內(nèi)容進(jìn)行選型替換，最終輸出經(jīng)選型替換后的網(wǎng)頁內(nèi)容。
[0008] 為實現(xiàn)本發(fā)明的發(fā)明目的，基于本發(fā)明實施例，提供了一種WEB上顯示維吾爾文 字的裝置，該裝置應(yīng)用于用戶終端，該裝置包括：
[0009] 獲取模塊，用于從WEB服務(wù)器獲取WEB頁面及與該WEB頁面相關(guān)的字體文件；所述 WEB網(wǎng)頁的層疊樣式表CSS中通過Font-face規(guī)則指定當(dāng)前的WEB頁面所使用的維吾爾文 字體，所述WEB頁面的網(wǎng)頁標(biāo)簽中包含所述Font-face規(guī)則中定義的維吾爾語字體；所述維 吾爾文字體對應(yīng)的字體文件預(yù)置在WEB服務(wù)器上；
[0010] 渲染模塊，用于WEB網(wǎng)頁進(jìn)行渲染，并在渲染時將Font-face規(guī)則中定義的字體應(yīng) 用到文檔對象模型D0M元素上；及通過解析和執(zhí)行嵌入所述WEB頁面的動態(tài)腳本語言對網(wǎng) 頁中應(yīng)用Font-face規(guī)則定義的字體的標(biāo)簽里的內(nèi)容進(jìn)行選型替換，最終輸出經(jīng)選型替換 后的網(wǎng)頁內(nèi)容。
[0011] 本發(fā)明在WEB網(wǎng)頁的層疊樣式表CSS中通過Font-face規(guī)則指定當(dāng)前的WEB頁面 所使用的維吾爾字體，為WEB網(wǎng)頁中通過為網(wǎng)頁標(biāo)簽指定字體屬性的方式使得WEB網(wǎng)頁在 渲染時將Font-face規(guī)則中定義的字體應(yīng)用到文檔對象模型D0M元素上；通過嵌入WEB頁 面的動態(tài)腳本語言程序?qū)崿F(xiàn)的選型算法對網(wǎng)頁中應(yīng)用Font-face規(guī)則定義的字體的標(biāo)簽 里的內(nèi)容進(jìn)行選型替換，最終輸出經(jīng)選型替換后的網(wǎng)頁內(nèi)容。本發(fā)明實現(xiàn)了在用戶終端未 在本地安裝標(biāo)準(zhǔn)維文字體的情況下，正確高效地在不同瀏覽器中顯示維哈柯文內(nèi)容。
【附圖說明】
[0012] 圖1為本發(fā)明實施例提供的在WEB上顯示維吾爾文的方法的步驟流程示意圖；
[0013] 圖2為本發(fā)明實施例提供通過嵌入WEB頁面的動態(tài)腳本語言程序?qū)崿F(xiàn)的選型算法 對網(wǎng)頁中應(yīng)用Font-face規(guī)則定義的字體的標(biāo)簽里的內(nèi)容進(jìn)行選型替換的步驟流程示意 圖；
[0014] 圖3為本發(fā)明實施例提供的在WEB上顯示維吾爾文的裝置結(jié)構(gòu)示意圖。
【具體實施方式】
[0015] 為使本申請的目的、技術(shù)方案及優(yōu)點更加清楚明白，以下參照附圖對本申請所述 方案作進(jìn)一步地詳細(xì)說明。下面的描述涉及附圖時，除非另有表示，不同附圖中的相同數(shù)字 表示相同或相似的要素。以下示例性實施例中所描述的實施方式并不代表與本申請相一致 的所有實施方式。相反，它們僅是與如所附權(quán)利要求書中所詳述的、本申請的一些方面相一 致的裝置和方法的例子。
[0016] 在本申請使用的術(shù)語是僅僅出于描述特定實施例的目的，而非旨在限制本申請。 在本申請和所附權(quán)利要求書中所使用的單數(shù)形式的"一種"、"所述"和"該"也旨在包括多 數(shù)形式，除非上下文清楚地表示其他含義。還應(yīng)當(dāng)理解，本文中使用的術(shù)語"和/或"是指 并包含一個或多個相關(guān)聯(lián)的列出項目的任何或所有可能組合。
[0017] 現(xiàn)有技術(shù)中，在瀏覽維文網(wǎng)站時，用戶必須將維文字體安裝到本地才能正常顯示 文字，這個過程對網(wǎng)頁瀏覽者造成了極大的不便；在未安裝字體的情況下，瀏覽器中存在無 法正常顯示、詞中的字母互相不關(guān)聯(lián)等問題。為了減少這樣的不便，網(wǎng)站開發(fā)者通常在網(wǎng)站 頁面中只能使用一種通用字體，以便大部分人瀏覽，而無法使用多種字體混排，需要使用到 其它字體（例如個性化的藝術(shù)字）時，只能以圖片的形式展示在頁面中，這種方式對網(wǎng)頁瀏 覽者來說效率較低，尤其在網(wǎng)速較低或手機(jī)登陸的情況下會出現(xiàn)性能較低，流量較大等問 題。在多瀏覽器環(huán)境下，網(wǎng)頁中的維文的顯示出現(xiàn)字體編排混亂，連接不正確等問題。
[0018] 為使上述維文語言文字在不同瀏覽器中能夠正確高效地顯示，本發(fā)明提出了一種 在WEB瀏覽器上顯示維吾爾文的方法及裝置，以滿足使用上述語言文字的人們進(jìn)行信息交 互的需求。
[0019] 圖1為本發(fā)明提供的在WEB上顯示維吾爾文的方法的步驟流程圖，包括如下步 驟：
[0020] 步驟101、在WEB服務(wù)器上預(yù)置維吾爾文字體文件；
[0021] 在層疊樣式表（CSS，CascadingStyleSheets)中，允許使用 @Font-face規(guī)則為 WEB網(wǎng)頁指定位于WEB服務(wù)器上的自定義字體文件，即使訪問網(wǎng)頁的用戶終端上沒有安裝 所指定的自定義字體文件，WEB頁面也能正確的顯示對應(yīng)的語言文字。利用此功能，可以使 用戶終端顯示在本機(jī)上沒有安裝的特定字體。
[0022] 本發(fā)明基于層疊樣式表（CSS，CascadingStyleSheets)中@Font-face規(guī)則的要 求，在WEB服務(wù)器側(cè)預(yù)先布置符合OFont-face規(guī)則要求的維吾爾文字體文件，以供用戶終 端的瀏覽器在顯示頁面時加載使用。
[0023] 步驟102、在WEB網(wǎng)頁的層疊樣式表CSS中通過Font-face規(guī)則指定當(dāng)前的WEB頁 面所使用的維吾爾文字體；
[0024] 如下示例，可通過css標(biāo)準(zhǔn)中的@Font-face規(guī)則定義多個維文字體：
[0025]
[0026]
[0027] 其中，font-family用于指定字體名稱，src用于指定字體文件在服務(wù)器上的存放 地址，format用于指定字體格式。之所以指定多個src，是出于兼容性的考慮，為不同的瀏 覽器定義其支持的字體文件。
[0028] 步驟103、在WEB網(wǎng)頁中通過為網(wǎng)頁標(biāo)簽指定字體屬性的方式，使得WEB網(wǎng)頁在渲 染時將Font-face規(guī)則中定義的字體應(yīng)用到文檔對象模型D0M元素上；
[0029]WEB頁面可以使用超文本標(biāo)記語言HTML、擴(kuò)展標(biāo)記語言XML等，以HTML頁面為例， 瀏覽器的渲染引擎得到WEB頁面的html字符串后，對html進(jìn)行轉(zhuǎn)換，轉(zhuǎn)化成能夠被文檔對 象模型（D0M，DocumentObjectModel)處理的形式，接著轉(zhuǎn)換成一個D0M樹，在解析html 的過程中，會同步進(jìn)行css的解析，構(gòu)建出css樣式規(guī)則并應(yīng)用到D0M樹的D0M元素上。
[0030] 例如，假設(shè)在@Font-face中定義的字體為"維文字體1"，則若在WEB頁面的css 文件中，對〈body〉標(biāo)簽中的內(nèi)容定義如下的字體顯示屬性：
[0031]body{font-family:維文字體 1}
[0032] 則通過上述定義，WEB頁面在顯示時，WEB頁面的body標(biāo)簽內(nèi)的內(nèi)容將會使用在@ Font-face中定義的"維文字體1"進(jìn)行顯示。
[0033] 進(jìn)一步地，在需要支持多種瀏覽器兼容的情況下，在Font-face規(guī)則中指定了多 種格式的字體文件時，則在執(zhí)行步驟103之前，還包括如下步驟：
[0034] 在瀏覽器獲得WEB頁面，構(gòu)建D0M樹之前對本地瀏覽器的類型進(jìn)行判斷，根據(jù)瀏覽 器的類型，加載與該瀏覽器類型兼容的在Font-face規(guī)則中定義的字體文件。
[0035] 例如，用戶終端判斷到當(dāng)前瀏覽器類型為IE瀏覽器時，加載Font-face規(guī)則中設(shè) 置的IE瀏覽器支持的eot格式的維吾爾文字體文件，對于非IE瀏覽器則加載woff格式的 維吾爾文字體文件。
[0036] 步驟104、通過嵌入WEB頁面的動態(tài)腳本語言程序?qū)崿F(xiàn)的選型算法對網(wǎng)頁中應(yīng)用 Font-face規(guī)則定義的字體的標(biāo)簽里的內(nèi)容進(jìn)行選型替換，最終輸出經(jīng)選型替換后的網(wǎng)頁 內(nèi)容。
[0037] 瀏覽器在構(gòu)建D0M樹的同時會解析和執(zhí)行網(wǎng)頁中嵌入的動態(tài)腳本語言文件或程 序片段，本發(fā)明即通過動態(tài)腳本語言實現(xiàn)網(wǎng)頁中以維吾爾文基本區(qū)編碼組織的內(nèi)容選型替 換。
[0038] 維文作為一種自然語言，具有自然語言共有的一些規(guī)則，但其具有不同于其它語 言的獨特的詞法特點。維吾爾語文字在存儲、傳輸時使用基本區(qū)編碼，而在顯示時需要根據(jù) 語義字母在詞中的位置進(jìn)行選型替換才能以正確的方式顯示。為使WEB頁面最終輸出顯示 的網(wǎng)頁內(nèi)容符合維吾爾文書寫習(xí)慣，本發(fā)明通過嵌入式動態(tài)腳本語言實現(xiàn)對維吾爾文的選 型替換。所述的嵌入式動態(tài)腳本語言可以為Javascript，Jscript，VBScript等，本發(fā)明不 做限定。
[0039] 以下以維吾爾語為例說明采用腳本語言程序?qū)S吾爾文原始字符串進(jìn)行選型替 換的過程，該方法過程同樣適用于哈薩克文、柯爾克孜文。維文共有32個字母，對于維文的 大多數(shù)字母來說，一個字母在單詞中的不同位置出現(xiàn)，其書寫的形式是不同的，根據(jù)維吾爾 語的字符集編碼規(guī)則，維吾爾語的字符集分為基本區(qū)編碼矩陣和擴(kuò)展區(qū)編碼矩陣，其中，基 本區(qū)編碼對應(yīng)每個字母的語義字母，擴(kuò)展區(qū)編碼對應(yīng)每個語義字母在單詞中不同位置的顯 示字母。
[0040] 維吾爾語文字在計算機(jī)中存儲及在網(wǎng)絡(luò)上傳輸時，都使用基本區(qū)編碼，而在輸出 顯示時，為了符合維吾爾文字的書寫習(xí)慣，需要根據(jù)維吾爾文的書寫習(xí)慣，對字母進(jìn)行選型 處理，即根據(jù)語義字母在單詞中的位置從擴(kuò)展區(qū)編碼矩陣中選