TWI427534B - Method for producing illustration of web page by illustration server - Google Patents

Description

Method for generating web totem by totem server

The invention relates to a webpage totem display technology, in particular to a method for providing a user web browser to correctly browse a webpage totem without installing a font or an image file.

HyperText Markup Language (HTML) is a markup language designed for "web page creation and other information that can be seen in a web browser." HTML is used to structure information such as headings, paragraphs, lists, words, and displayed fonts, colors, etc. It can also be used to describe the appearance and semantics of a document to some extent.

Since HTML can mark a lot of structural information, it is more and more convenient and convenient to use HTML markup language to browse a wide variety of files. In order to make the contents of the files browsed by the public more abundant and diverse, most users today have different fonts installed on the browser side to facilitate the display of various fonts on the browser. This kind of processing may already meet the needs of the average user. However, under the trend of the new generation of multimedia content becoming more and more abundant, the display mode of ordinary text can no longer meet the needs of the new generation of creativity.

In response to this trend, existing operators have begun to provide different font files to be downloaded through the Internet according to the needs of webpages, and to enable proper browsing of diverse fonts without having to install fonts on the user's browser. The web page of the font is not installed. But because Asian text fonts are usually large and contain a large number of words. Many, if the user downloads all the fonts at once while browsing, it will take a lot of waiting time.

At present, the effective solution is to generate a new font file on the web server by using the font used in the webpage, and then analyze the HTML content of the webpage by the web server, and generate a corresponding font file according to the HTML content. However, when multiple people browse the web, it increases the load on the web server and affects the performance of the web server.

Figure 1 is a schematic diagram of a system architecture for browsing Chinese web pages. As shown in FIG. 1, it is an architectural diagram of the webpage font server system 10 disclosed in the Republic of China Patent Publication No. 200717257. The webpage font server 12 is connected to the webpage server 14 for receiving webpage files in the webpage server 14, and constructing them into webpage font files, and then transmitting the completed webpage font files back to the webpage servo. In place of the original web page file.

When the browser is equipped with a web page font browser 16 , the browser software 16 can interpret the web font file and display the interpreted web font file on the screen to show the original web file. In this way, the HTML content of the webpage needs to be analyzed by the web server, and the web server must be connected to the font server to assist in the construction of the web font file, which leads to an increase in complexity and cost.

Therefore, in the face of the advent of the multimedia era, in order to make the content on the webpage more attractive and fascinating, it has become a trend to add diverse multimedia and beautiful fonts and graphics to the webpage, and how to let users When you experience rich web content, you don't need to install all the font files and images, you don't need to download a lot of font files and images, and you can balance the cost of the installation. It is a problem that needs to be solved at present to achieve the effect of browsing the content of vivid webpages.

The invention is a method for generating a webpage totem by using a totem server, which is a sub-set font file generated by downloading a totem server and a download text file correspondence table, and no font file is installed on the user browser side. In this case, the user can browse the non-system font text and/or image file on the webpage, which has the effect of enhancing the rich content of the user experience webpage.

The present invention is a method for generating a web totem by a totem server, which decodes a sub-set font file and/or a file downloaded from a totem server through a downloaded totem display program, without being performed by a web server. Interpretation, which in turn reduces the load on the web server.

The invention is a method for generating a webpage totem by using a totem server, and the totem server does not need to directly connect to the web server, but can be placed anywhere connected to the network, thereby effectively reducing the construction cost.

In order to achieve the above-mentioned effects, the present invention provides a method for generating a webpage totem by a totem server, the method comprising the following steps: a user browser downloads a webpage from a webpage server, wherein the webpage includes at least one link information, at least a word code information and at least one font type information; the user browser downloads a totem display program from the totem server according to the link information; the totem display program downloads a text file correspondence table from the totem server, and the text file correspondence table includes at least Correspondence between a word code and a picture file; let the totem display program find the word code information and font information of the webpage, if one of the word code information and the text file corresponding table is found Similarly, the word information is changed to a picture link address; the user browser transmits the word information and the font information to the totem server provided with the font generation module; the totem server causes the font generation mode The group generates at least one sub-set font file and its addressing information according to the word information and the font information, and transmits the address information to the totem display program, wherein the address information includes the network address of the sub-set font file and the sub-set font file. The font name; the totem display program adds the address information to the webpage; and the user browser downloads the sub-set font file according to the webpage containing the address information, and downloads the image file according to the link link address of the image file, and is browsed by the user. One of the browsers interprets the sub-set font file and the image file to present the font and image file of the sub-set font file on the webpage of the browser; wherein the totem server stores an original font data. The original font data is composed of at least one set of fonts, and the step of generating the sub-set font file by the font generation module includes: receiving the content transmitted from the user browser Word information and font information; find the font that meets the font information requirements from the original font data of the totem server; compare the at least one word information corresponding to the received font, and compare the original font data to obtain At least one word code index value of each word code, and one word image position corresponding to each word code; obtaining a font image according to the position of the font image, and generating between the word information and the font image And an index table; and generating at least one sub-set font file of the original font data, and converting the address information of the sub-set font file into a format recognizable by the totem display program.

In order to achieve the above effects, the present invention further provides a method for generating a webpage font by a totem server, the method comprising the following steps: a user browser downloads a webpage from a webpage server, wherein the webpage includes at least one link information, At least one word information and at least one type of information; the user browser is based on the link Download a totem display program from the totem server; let the totem display program find the word information and font information of the web page; the user browser transmits the word information and font information to the totem server with the font generation module. The totem server causes the font generation module to generate at least one sub-set font file and its addressing information according to the word information and the font information, and transmits the address information to the totem display program, wherein the address information includes the sub-set font file. The font name of the network address and the sub-set font file; the totem display program adds the address information to the web page; and the user browser downloads the sub-set font file according to the web page containing the address information, and is browsed by the user browser. One of the browsers interprets the sub-set font file to render the font of the sub-set font file on the webpage of the browser; wherein the totem server stores an original font data, and the original font data is at least A set of fonts, wherein the step of generating a sub-set font file by the font generation module comprises: receiving a user browser The transmitted word information and font information; searching for the font conforming to the font information requirement from the original font data of the totem server; comparing the original font data according to at least one word information corresponding to the received font Obtaining an index value of each word code in at least one word code information, and obtaining a font image position corresponding to each word code; obtaining a font image according to the position of the font image, and generating the word information and the font image An index table between the images; and at least one sub-set font file that generates the original font data, and converts the address information of the sub-set font file into a format recognizable by the totem display program.

In order to achieve the above effects, the present invention further provides a method for generating a webpage image file by using a totem server, the method comprising the following steps: the user browser downloads a webpage from a webpage server, wherein the webpage at least includes a link information, at least One-word information and at least one type of information; the user's browser is based on the link information The totem server downloads a totem display program; the totem display program downloads a text file correspondence table from the totem server, and the text file correspondence table includes at least a correspondence between a word code and a picture file; the totem display program searches for the word information of the web page. And the font information, if the word information is found to be the same as the one of the text file correspondence table, the word information is changed to a picture link address; and the user browser downloads the image file according to the image link address. And the image file is interpreted by one of the browsers of the user browser to present the image file on the webpage of the browser.

With the implementation of the present invention, at least the following advancements can be achieved:

The invention can download the sub-set font file and/or the image file generated by the totem server, and the user can browse the webpage without installing the font file and/or the image file on the user browser. Non-system font text and/or image files to enhance the user's experience of rich content on the web.

Second, the downloaded totem display program can be used to interpret the sub-set font files and/or image files downloaded from the totem server without being interpreted by the web server, thereby reducing the load on the web server.

Third, because the totem server does not need to be directly connected to the web server, and can be placed anywhere connected to the network, it can effectively reduce the cost of construction.

In order to make those skilled in the art understand the technical content of the present invention and implement it, and according to the disclosure, the patent scope and the drawings, the related objects and advantages of the present invention can be easily understood by those skilled in the art. The detailed features and advantages of the present invention will be described in detail in the embodiments.

FIG. 2 is a schematic flowchart of a method for generating a webpage totem by a totem server according to an embodiment of the present invention. FIG. 3 is a schematic flow chart of generating a sub-set font file by a font generating module of a totem server according to an embodiment of the present invention. 4A and 4B are partial code diagrams showing the operation of the totem display program of the user browser end according to an embodiment of the present invention. FIG. 4C is a partial code of a totem server for receiving and reading character information and font information according to an embodiment of the present invention. FIG. 4D is a partial code of a totem server generating a sub-set font file according to an embodiment of the present invention. FIG. 4E is a partial code of the totem server for converting the addressing information of the sub-set font file into a format recognizable by the totem display program according to an embodiment of the present invention. FIG. 5 is an example of a page for presenting a webpage totem on a user's browser and an original code thereof according to an embodiment of the present invention. FIG. 6 is a schematic flow chart of a method for generating a webpage text font by a totem server according to an embodiment of the present invention. FIG. 7 is an example of a page for rendering a webpage font on a user's browser and an original code thereof according to an embodiment of the present invention. FIG. 8 is a schematic flowchart of a method for generating a webpage image by a totem server according to an embodiment of the present invention. FIG. 9 is an example of a page for presenting a webpage image file and a source code thereof on a browser side of a user according to an embodiment of the present invention.

The following is an embodiment of the method for generating a webpage totem by the totem server of the present invention. As shown in FIG. 2, after the user opens the browser on the browser of the user, the following steps are performed: the user browser a web server downloads a webpage (S21); the user browser downloads a totem display program from the totem server according to the link information of the webpage (S22); the totem display program downloads the textual map correspondence table from the totem server (S23) The totem display program searches for the word information and font information of the web page and changes the found word information to the image link address (S24); The code information and the font information are transmitted to the totem server provided with the font generation module (S25); the font generation module generates at least one sub-set font file and its addressing information, and transmits the address information to the totem display program. (S26); the totem display program adds the address information to the webpage (S27); and the user browser downloads the sub-set font file and the image file, and the browser interprets and presents the sub-set font file and the image file. On the web page (S28).

The user browser downloads a webpage from a web server (S21): after the user opens a browser on the user's browser, the user browser downloads a webpage from a web server. The webpage includes at least one link information, at least one word code information, and at least one font type information, wherein the link information includes a code such as script or active X, for example, the <script language= shown in the example of the HTML webpage source code 51 in FIG. "JavaScript" src="http://demo.apgamer.net/demo.js"></script> link information 511; its word information such as "energy saving carbon" string, its font information 512 for example <font face="apg-font">.

The user browser downloads a totem display program (S22) from the totem server according to the link information of the webpage: as shown in FIG. 5, the user's browser is displayed according to the link information 511<script language="JavaScript" src ="http://demo.apgamer.net/demo.js"></script> Download a totem display program from the totem server. In this embodiment, the totem display program refers to demo.js.

The totem display program downloads the text file correspondence table from the totem server (S23): Please refer to FIG. 4A, in which part of the code 401 is a network address and a file name of the downloaded text file correspondence table, and a text file file. Correspondence table in this embodiment For example, it is pic_map.xml. The text file correspondence table includes at least one word code and one picture file, and the format includes HTML, XML or json format, and the text in the text file correspondence table is sorted according to the length of the string.

The totem display program searches for the word information and font information of the webpage, and changes the found word information to the image link information (S24): Please refer to Figure 4A. The totem display part of the code 402 definition is found in the HTML webpage data. The label defining the font, and part of the code 403, determines whether the label has a label to be processed. If a tag to be processed is found, part of the code 404 starts to load the text file correspondence table in a loop, and then the partial code 405 compares the code information of the string in the tag with the code of the text table corresponding to the text file. . If they are the same, the word information will be found, that is, the string in the label will be changed to the image link address.

Please refer to FIG. 5 again to better understand the contents of the embodiments of the present invention. The totem display program searches for the word information of the HTML webpage, for example, “implementing energy saving and carbon reduction, love the earth and low carbon life to do environmental protection”, if the text code corresponds to the word in the table, “love” corresponds to the heart type image file, and the code “earth” "The image corresponding to the image of the earth sphere, and the word information of the totem display program found in the HTML page is the same as the code in the corresponding table of the text file, and the information of "love" and "earth" is changed to one. The file link address, for example, the image link address 513, 514 shown in FIG. 5, and the change thereof is replaced with the priority of the string length in the text file correspondence table. For example (not shown in the figure), the text file corresponding table has a setting code "Love you" corresponding to "picture1", and the word "Love" corresponds to "picture2", when the web page has the following text "I love the earth and love it too." When you ", the code "love" and "love you" code information will be replaced by "picture2" and "picture1": "I <img src="picture2"> Earth is also very <img src="picture1">", it can be seen that the order of substitution of "love you" is a string of precedence over "love".

Transfer the word information and font information to the totem server with the font generation module (S25): Please refer to Figures 4A and 4B. Part of the code of the totem display program 406 will meet the label content to be processed. The summation, but not limited to, is handled in this manner, and part of the code 407 defines the word information and font information to be transmitted to the totem server, and then the partial code 408 communicates with the font generation module.

The font generation module generates at least one sub-set font file and its addressing information, and transmits the address information to the totem display program (S26): after the font generation module generates at least one sub-set font file and its addressing information, The at least one sub-set font file and the address information thereof are transmitted back to the totem display program of the user browser, wherein the address information includes a network address of the sub-set font file and a font name of the sub-set font file. Please refer to FIG. 4B. The totem display part of the program code 409 obtains the returned sub-set font file name, wherein the font generation module is a font generation program developed in the php programming language, but not limited to other programming languages. As a development tool.

The totem display program adds the address information to the web page (S27): the address information is added to the web page by defining the address information into a tag having a font information in the web page. Please refer to FIG. 4B. The totem display program is in this embodiment. Part of the code 410 is added to the CSS syntax in the HTML code, but is not limited to this syntax. In this embodiment, the information content included in the CSS syntax includes The font generation location information of at least one new font file generated by the module, that is, the network address of the newly generated font file.

The user browser downloads the sub-set font file and the image file, and the browser interprets and displays the sub-set font file and the image file on the webpage (S28): Please refer to Figure 5, the user browser is based on The webpage containing the address information is downloaded, and the sub-set font file is downloaded, as shown in the figure, the font information 512 "apg-font", and the image file is downloaded according to the image link address 513, 514, for example, the love.jpg of the embodiment and The earth.jpg image file is interpreted by a browser 52 of the user's browser, such as Internet Explorer, Firefox, etc., to interpret the sub-set font file and the image file to present the font of the sub-set font file. The "energy saving carbon reduction" and the image file (heart pattern file 522, earth sphere image file 523) are on the webpage of the browser, and the sub-set font file is a system font file not belonging to the user browser.

As shown in FIG. 3, the step of generating the sub-set font file by the font generation module includes: receiving the word information and font information transmitted from the browser of the user (S31); and the original font from the totem server. Find the font that meets the font information requirement (S32); compare the original font data to obtain the index value of each word in at least one word information, and obtain the position of one font image corresponding to each word code (S33) Obtaining a font image according to the position of the font image, and generating an index table between the word information and the font image (S34); and generating at least one sub-set font file, and sub-set font files The address information is converted into a format recognizable by the totem display program (S35).

Receiving the word information and font information transmitted from the user's browser (S31): as shown in FIG. 4C, the user's browser totem display program searches for the word information and font information of the web page. The information and font information are transmitted and received by the totem server, and then the partial code 411 of the font generation module in the totem server is used to confirm whether the word information and the font information are received. number. If the font generation module receives parameters such as word information and font information, the partial code 412 of the font generation module stores the received font information and the word information in an array, but can also be stored in other manners. Subsequent processing; if not received, it will not be processed.

Find the font that meets the font information requirements from the original font data of the totem server (S32): the totem server system has at least one original font data, and please refer to the 4C figure, the original font data is at least A set of fonts, including TTF (Truetype font file format), TTC (Truetype font file format), OTF (opentype font file format), XML (to save font files in XML format) or DB (store font file data in the database), etc. The partial code 413 of the font generation module is based on the received font information, and confirms whether the font is present from the first set of fonts in the original font data. If there is no such font, the original code continues. Look for the next set of fonts in the font data until all the fonts to be confirmed have been searched.

Comparing the original font data to obtain an index value of each word code in at least one word code information, and obtaining a font image position corresponding to each word code (S33): as shown in FIG. 4C, the font generation module is The partial code 414 reads the font corresponding to the font received by the font server after confirming that the original font data matches the font type received by the font server, and reads the definition format of the font in the original font data, and the partial code 415 reads the original code. The sub-table definition in the font data, and then part of the code 416 is defined according to the sub-table, and the position and length information of the sub-table is obtained, and then part of the code 417 is obtained in the original font data according to the position and length information of the sub-form. The cmap font image position and the partial code 418 obtain the loca font image position and the partial code 419 in the original font data according to the cmap image position. The position of the loca image is obtained as the position of the glyf font image in the original font data, and the part of the code 420 writes the part of the original font without definition into the new font.

Obtaining a font image according to the position of the font image, and generating an index table between the word information and the font image (S34): as shown in FIG. 4D, part of the code 421 of the font generation module is based on In a step embodiment, the cmap font image position, the loca font image position, and the glyf font image position are sequentially obtained corresponding to the font image, and then the code is regenerated according to the word information and the font image. And the image comparison index table.

Generating at least one sub-set font file, and converting the address information of the sub-set font file into a format recognizable by the totem display program (S35): Please refer to the 4D and 4E pictures, part of the font generation module After the code 422 generates the word code and the image comparison index table, a new font file name is randomly generated, and part of the code 423 generates a new font file, which is a subset of the original font file, and the last part code 424 The file name and network location information of the newly generated at least one font file are generated in an XML format, and part of the code 425 displays an XML response message.

The following is an embodiment of the method for generating a webpage text font by a totem server according to the present invention. As shown in FIG. 6, after the user opens the webpage on the user's browser, the following steps are performed: the user browser Downloading a webpage from a web server (S61); the user browser downloads a totem display program from the totem server according to the link information of the webpage (S62); the totem display program searches for the webpage code information and font information (S63) Transmitting the word information and font information to the totem server (S64); the font generation module generates at least one sub-set font file and its addressing information, and transmits the address information to the totem display program (S65); the totem display program will The address information is added to the webpage (S66); and the sub-set font file is downloaded by the user browser, and the sub-set font file is interpreted by the browser to present the font of the sub-set font file on the webpage ( S67).

The user browser downloads a webpage from a webpage server (S61): as shown in FIG. 7, the webpage source code 71 can be used to know that the webpage includes at least one link information 711, at least one word code information 713, and at least one word. Type information 712. The link information 711 includes script or active X code, such as <script language="JavaScript" src="http://js.apgamer.net/font.js"></script>, its code information 713 For example, the "energy saving and carbon reduction loves the earth" shown in the figure; its font information 712 is shown as <font face="apg-font"> shown in the figure.

The user browser downloads a totem display program (S62) from the totem server according to the link information of the webpage: the user browser can according to the link information 711 <script language="JavaScript" src=" as shown in FIG. Http://js.apgamer.net/font.js"></script> The totem display program is downloaded by the totem server. In this embodiment, the totem display program is font.js.

The totem display program searches for the word information and font information of the webpage (S63): the totem display program searches for the word information and font information of the webpage. For example, the totem display program can determine whether the HTML tag in the HTML webpage source code 71 meets the requirements. The processed font information 712, if the matching font information is not found, is not processed, and if found, the font matching the font information in the HTML tag is retrieved.

Transfer word information and font information to the totem server (S64): The totem display program defines the font information and word information to be transmitted to the totem server, and communicates with the font generation module of the totem server.

The font generation module generates at least one sub-set font file and its addressing information, and transmits the address information to the totem display program (S65): the font generation module transmits the font information and the word code according to the font information and the word information. The information generates at least one sub-set font file and its addressing information, and transmits at least one sub-set font file and its addressing information to the totem display program of the user browser, and the sub-set font file is included in the address information. The network address and the font name of the sub-set font file. The font generation module is a font generation program developed in the php programming language, but is not limited to other programming languages. The step of generating at least one sub-set font file is described in detail in the previous embodiment. I will not repeat them here.

The totem display program adds the addressing information to the web page (S66): the address information is added to the web page by defining the addressing information into a tag having a font information in the web page. In this embodiment, the totem display program is added to the CSS syntax in the HTML code, but is not limited to the syntax. The information content included in the CSS syntax includes at least one new font file generated by the font generation module. The address information, the address information is the network address of the newly generated font file and its font file name, such as the apg-font displayed in the HTML page source code 71 in FIG.

The user browser downloads the sub-set font file, and the browser interprets the sub-set font file to present the font of the sub-set font file on the webpage (S67): the user browser is based on the webpage The address information downloads the sub-set font file, wherein the sub-set font file is a system font file that is not belonging to the user browser, and then the sub-set font file is interpreted by the browser to present the sub-set font The file font 721 is displayed on the webpage of the browser 72, and the rendering effect is as shown in the bold text displayed by the browser 72 in the figure 7 "Energy saving and carbon reduction love the earth".

The following is an embodiment of the method for generating a webpage image by a totem server according to the present invention. As shown in FIG. 8, after the user opens the webpage on the browser of the user, the following steps are performed: the user browser a web server downloads a webpage (S81); the user browser downloads a totem display program from the totem server according to the link information of the webpage (S82); the totem display program downloads the textual map correspondence table from the totem server (S83) The totem display program searches for the word information and font information of the web page and changes the word information to be the image link address (S84); and the user downloads the image file on the browser side, and the browser interprets and presents the image file. On the web page (S85).

The user browser downloads a webpage from a web server (S81): the user browser downloads a webpage from a webpage server, wherein the webpage includes at least one link information, at least one word code information, and at least one font type information.

The user browser downloads a totem display program from the totem server according to the link information (S82): as shown in FIG. 9, the user browser can download a totem display program from the totem server according to the link information 911 in the webpage. As can be seen from the HTML webpage source code 91 in FIG. 9, the totem display program linked to the link information 911 is pic.js.

The totem display program downloads a text file correspondence table from the totem server (S83): the totem display program downloads a text file correspondence table, such as pic_map.xml, from the totem server, and the text file correspondence table includes at least one code and one image file. Correspondence, the format includes HTML, XML or json format, and the text in the text file correspondence table is sorted according to the length of a string.

The totem display program searches for the word information and font information of the web page and changes the word information to be the image link address (S84): the totem display program search network If the word information and the font information of the page are the same, the word information is changed to a picture link address, for example, the picture in the HTML page source code 91 of FIG. The file links address 912, 913.

The user browser downloads the image file, and the browser interprets the image file and presents it on the web page (S85): the user browser downloads the image file according to the image file link address 912, 913, and is downloaded by the user browser. One of the browsers 92 interprets the image file to present the image file on the web page of the browser, such as the heart image file 921 and the globe sphere file 922 presented by the browser 92 in FIG.

Figure 10 is a schematic diagram of a basic network architecture in accordance with an embodiment of the present invention. FIG. 11 is a schematic diagram of a system for generating a webpage totem by a totem server according to an embodiment of the present invention. Figure 12 is a schematic diagram of a system for generating web page text fonts by a totem server according to an embodiment of the present invention. Figure 13 is a schematic diagram of a system for generating a web page file by a totem server according to an embodiment of the present invention.

As shown in FIG. 10, it is a basic architecture of a system for generating a webpage totem of a totem server according to an embodiment of the present invention, which includes: a web server 101; and one of the browsers 102 of the user. 1021; and a totem server 103.

The following is a first embodiment of the system of the present invention. As shown in FIG. 11, the web server 111 is provided with a web page 1111. The web page 1111 includes at least one link information 11111, at least one word information 11112, and at least one font information. 11113. The link information 11111 is, for example, a script or an active X code, but is not limited to the link information written by the code; the code information 11112 is, for example, a BIG5 code, a Unicode code, a JIS code GB2312 code, or a GB18030 code; The type information 11113 includes, for example, a new compact body, a standard body, or a Wang Hanzong font.

As shown in FIG. 11, the browser 1121 is, for example, a commonly used Internet explorer, Mozilla Firefox, Opera Web Browser, or Google Chrome. The browser 1121 is installed on a user browser 112. The user browser 112 is configured to download a totem display program 1122 from the totem server 113 according to the connection information (for example, the webpage connection information 511 shown in FIG. 5). And download a text file correspondence table 1123.

The text file correspondence table 1123 includes at least a correspondence between a word code and a picture file, wherein the text file correspondence table 1123 is sorted according to the length of the string, and then the totem display program 1122 searches for the word information 11112 and the font information 11113 of the web page. If the found word code information 11112 is the same as the text file corresponding table 1123, the word information 11112 is changed to a picture link address, and the code information 11112 and the font information 11113 are transmitted to the totem server 113, wherein The word information 11112 is, for example, the "energy saving carbon reduction love earth" shown in the web page source code 51 of Fig. 5, and the font information is <font face="apg-font"> as shown in Fig. 5.

As shown in Fig. 11, the font generation module 1131 is a font generation program developed in the php programming language, but is not limited to other programming languages. The font generation module 1131 is installed in the totem server 113, for example, an apache server, for generating at least one sub-set font file and address information according to the word information 11112 and the font information 11113, and transmitting the address information to the user. The totem of the browser terminal 112 displays the program 1122.

Accordingly, the totem display program 1122 adds the addressing information to the webpage, and the user browser 112 downloads the sub-set font file according to the webpage containing the addressing information, and downloads the image file according to the image link address, and is accessed by the browser 1121. Pair The collection font file and the image file are interpreted to present the font and image file of the sub-set font file on the webpage of the browser 1121.

As shown in FIG. 11, the font generation module 1113 includes: an information reception determination unit 11311; a font confirmation unit 11312; an index table generation unit 11313; and a font file generation unit 11314.

The information receiving and determining unit 11311 receives the word information 11112 and the font information 11113 transmitted from the user browser 112 for confirming and judging whether parameters such as the word information 11112 and the font information 11113 are received.

The font confirmation unit 11312 searches for the font corresponding to the requirement of the font information 11113 from the original font data, and the original font data is stored in the totem server and is composed of at least one set of fonts, and the source thereof. Including TTF (Truetype font file format), TTC (Truetype font file format), OTF (opentype font file format), XML (send font file into XML format) or DB (store font file data in In the database) and so on. In detail, the font confirmation unit 11312 confirms whether the font is present from the first set of fonts in the original font data based on the received font information 11113.

The index table generating unit 11313 compares the original font data according to the at least one word information 11112 corresponding to the received font to obtain an index value of each of the at least one word information 11112, and obtains a corresponding value for each word code. A font image position, and a word image is obtained according to the font image position, and an index table between the word information and the font image is generated. For example, the word information 11112 is: "Asia Pacific Play Network", the font information 11113 is: [Wang Hanzong font] (not shown in the figure), in which the Unicode code of the word "Asia" is 4E 9E, then look for [Wang Hanzong font] The value of the word index, the value of the index is 18432, and looking for [Wang Hanzong font], The font image position is searched for by the word index value 18432. The position of the font image starts from position 372145 and the length is 398. The content of the font image is obtained, and the rest of the words "too", "play" and "net" can be The content of the font image is obtained in the same manner and will not be described here.

a font file generating unit 11314, which generates at least one sub-set font file of the original font data, such as a font file of the text file name woff (web open font format), ttf (true type font) or eot (embedded open type) And converting the addressing information of the sub-set font file into a format recognizable by the totem display program 1122, such as an XML format.

The following is a second embodiment of the system of the present invention. As shown in FIG. 12, the present embodiment is a system for generating a webpage font of a totem server, which includes: a web server 121; One of the browsers 122 is a browser 1221; and a totem server 123.

A web page 1211 is disposed in the web server 121. The web page 1211 includes at least one link information 12111, at least one word information 12112, and at least one font information 12113. The link information 12111 includes script or active X code, but is not limited to the link information written by the code; the code information 12112 includes, for example, a BIG5 code, a Unicode code, a JIS code GB2312 code or a GB18030 code, etc.; font information 12113 For example, it includes a new compact body, a standard body, or a Wang Hanzong font.

As shown in FIG. 12, the browser 1221 includes a commonly used Internet explorer, Mozilla Firefox, Opera Web Browser, or Google Chrome, and is disposed on a user browser 122, and the user browser 122 is used according to the link. Information downloads a totem display program from the totem server 123 1222, then the totem display program 1222 searches for the webpage word information 12112 and the font information 12113, and transmits the word information 11112 and the font information 11113 to the totem server 113, wherein the font information 11112 is, for example, the webpage source code 71 of FIG. The “Energy Saving and Carbon Reduction Love Earth” shown in the figure is the <font face="apg-font"> shown in Figure 7.

As shown in FIG. 12, the font generation module 1231 is a font generation program developed in the php programming language, but is not limited to other programming languages, and is installed in the totem server 123, such as apache servo. The device generates at least one sub-set font file and address information according to the code information 12112 and the font information 12113, and transmits the address information to the totem display program 1222 of the user browser 122.

As shown in FIG. 12, the font generation module 1231 includes: an information reception determination unit 12311; a font confirmation unit 12312; an index table generation unit 12313; and a font file generation unit 12314.

The information receiving and determining unit 12311 receives the word information 12112 and the font information 12113 transmitted from the user browser 122 for confirming and judging whether parameters such as the word information 12112 and the font information 12113 are received.

The font confirmation unit 12312 searches for the font corresponding to the requirement of the font information 12113 from the original font data, and the original font data is composed of at least one set of fonts, and the source thereof includes TTF (Truetype font file format). , TTC (Truetype font file format), OTF (opentype font file format), XML (send font file into XML format) or DB (store font file data in the database), etc., in detail The font confirmation unit 12312 confirms whether there is this from the first set of fonts in the original font data according to the font information 12113 it receives. Font type.

The index table generating unit 12313 compares the original font data according to the at least one word information 12112 corresponding to the received font to obtain an index value of each of the at least one word information 12112, and obtains corresponding to each word code. A font image position, and a word image is obtained according to the font image position, and an index table between the word information and the font image is generated. For example, the code information 12112 is: "Asia Pacific Play Network", the font information 12113 is: [Wang Hanzong font] (not shown in the figure), wherein the word "Asia" has a Unicode code of 4E 9E, then look for [Wang Hanzong font] The word index value is obtained, and the value of the index of the code is 18432. Looking for [Wang Hanzong font], the position of the font image is searched for by the code index value 18432. The position of the font image starts from position 372145 and the length is 398. Like the content, the rest of the words "too", "play" and "net" can obtain the content of their font image in the same way, and will not be described here.

a font file generating unit 12314, which generates at least one sub-set font file of the original font data, such as a font file of the file name woff (web open font format), ttf (true type font) or eot (embedded open type) The address information of the sub-set font file is converted into a format recognizable by the totem display program 1222, such as an XML format.

Accordingly, after the totem display program 1222 receives the address information output by the font generation module 1231, the address information is added to the webpage, and the user browser 122 downloads the sub-set font file according to the webpage containing the address information. And the sub-set font file is interpreted by the browser 1221 to present the font of the sub-set font file on the webpage of the browser 1221.

The following describes a third embodiment of the system of the present invention, as shown in FIG. The embodiment is a system for generating a webpage image by a totem server, comprising: a web server 131; a browser 1321 provided at the user browser end 132; and a totem server 133.

The web server 131 is provided with a web page 1311. The web page 1311 includes at least one link information 1311, at least one word information 13112, and at least one font information 13113.

As shown in FIG. 13, the totem display program 1322 is installed on the totem server 133, and the user browser 132 downloads the totem display program 1322 from the totem server 133 to the user browsing according to the link information 1311 in the web page 1311. Terminal 132.

As shown in FIG. 13, the browser 1321 includes a commonly used Internet explorer, Mozilla Firefox, Opera Web Browser, or Google Chrome, and is disposed on the user browser 132 for displaying the operation mechanism according to the totem display program 1322. The downloaded image file.

The operation mechanism of the totem display program 1322 includes: downloading a text file correspondence table 1323 from the totem server 133, the text file correspondence table 1323 includes at least a correspondence between a word code and a picture file, and the text file correspondence table 1323 is one according to one. The length of the string is sorted, and then the totem display program 1322 searches for the word information 13112 and the font information 13113 of the web page 1311. If the word information 13112 found is the same as the word code of the text file correspondence table 1323, the word information 13112 is changed to a picture. File link address.

The user browser 132 downloads the image file according to the image link address, and the image file is interpreted by the browser 1321 of the user browser 132 to present the image file on the webpage of the browser, for example, the ninth. Presented by browser 92 The heart pattern file 921 and the earth sphere image file 922 respectively replace the words "love" and "earth" of the word information 13112.

By using the user's browser totem display program and the font creation module of the totem server, the user does not need to install all fonts and images on the user's browser, nor does it need to be served by the web server. Download a large number of fonts and image files. The totem server can download the totem display program and the text file correspondence table through the link information of the webpage of the user's browser to find the word information and font information of the webpage. The code information is changed to a picture link address, and the font generation module of the totem server generates a new font file. After the user downloads a new font file, the browser can browse the browser. To lively and vivid, different from the system's preset rigid, consistent font.

The totem server does not need to be directly connected to the network server, and it can be placed anywhere that can be connected to the Internet, thereby increasing the flexibility of the setting and reducing the cost of the installation of a single system server or web content server. It also has the commercial advantage of flexible construction and reduced construction costs.

The embodiments are described to illustrate the features of the present invention, and the purpose of the present invention is to enable those skilled in the art to understand the present invention and to implement the present invention without limiting the scope of the present invention. Equivalent modifications or modifications made by the spirit of the disclosure should still be included in the scope of the claims described below.

10‧‧‧Webpage font server system

12‧‧‧Page font server

14‧‧‧Web server

401~410‧‧‧Totem display part of the program code

411~425‧‧‧ Part of the font generation module

51‧‧‧Webpage source code

511‧‧‧ Link Information

512‧‧‧ font information

513‧‧‧ image link address

514‧‧‧Map link address

52‧‧‧ browser

521‧‧‧The font of the sub-set font file

522‧‧‧Heart map

523‧‧‧ Earth Sphere Image

71‧‧‧Webpage source code

711‧‧‧Link information

712‧‧‧ font information

713‧‧‧word information

72‧‧‧ browser

721‧‧‧The font of the sub-set font file

91‧‧‧Webpage source code

911‧‧‧Link Information

912‧‧‧ Image link address

913‧‧‧Map link address

921‧‧‧Heart map

922‧‧‧ Earth Sphere Image

1000‧‧‧System for generating totems by totem server

101‧‧‧Web server

102‧‧‧User browser

1021‧‧‧ browser

103‧‧‧Totem Server

111‧‧‧Web server

1111‧‧‧Webpage

11111‧‧‧ Link Information

11112‧‧‧word information

11113‧‧‧ font information

112‧‧‧User browser

1121‧‧‧ browser

1122‧‧‧Totem display program

1123‧‧‧Text file correspondence table

113‧‧‧Totem Server

1113‧‧‧ font generation module

11311‧‧‧Information receiving judgment unit

11312‧‧‧ font confirmation unit

11313‧‧‧ index table generation unit

11314‧‧‧ font file generation unit

121‧‧‧Web server

1211‧‧‧Webpage

12111‧‧‧Link Information

12112‧‧‧word information

12113‧‧‧ font information

122‧‧‧User browser

1221‧‧‧ browser

1222‧‧‧Totem display program

123‧‧‧Totem Server

1231‧‧‧ font generation module

12311‧‧‧Information receiving judgment unit

12312‧‧‧ font confirmation unit

12313‧‧‧ index table generation unit

12314‧‧‧ font file generation unit

131‧‧‧Web server

1311‧‧‧page

13111‧‧‧Link information

13112‧‧‧word information

13113‧‧‧ font information

132‧‧‧User browser

1321‧‧‧ browser

1322‧‧‧Totem display program

1323‧‧‧Text file correspondence table

133‧‧‧Totem Server

Figure 1 is a schematic diagram of a system architecture for browsing Chinese web pages.

FIG. 2 is a schematic flowchart of a method for generating a webpage totem by a totem server according to an embodiment of the present invention.

FIG. 3 is a schematic flow chart of generating a sub-set font file by a font generating module of a totem server according to an embodiment of the present invention.

4A and 4B are partial code diagrams showing the operation of the totem display program of the user browser end according to an embodiment of the present invention.

FIG. 4C is a partial code of a totem server for receiving and reading character information and font information according to an embodiment of the present invention.

FIG. 4D is a partial code of a totem server generating a sub-set font file according to an embodiment of the present invention.

FIG. 4E is a partial code of the totem server for converting the addressing information of the sub-set font file into a format recognizable by the totem display program according to an embodiment of the present invention.

FIG. 5 is an example of a page for presenting a webpage totem on a user's browser and an original code thereof according to an embodiment of the present invention.

FIG. 6 is a schematic flow chart of a method for generating a webpage text font by a totem server according to an embodiment of the present invention.

FIG. 7 is an example of a page for rendering a webpage font on a user's browser and an original code thereof according to an embodiment of the present invention.

FIG. 8 is a schematic flowchart of a method for generating a webpage image by a totem server according to an embodiment of the present invention.

FIG. 9 is an example of a page for presenting a webpage image file and a source code thereof on a browser side of a user according to an embodiment of the present invention.

Figure 10 is a schematic diagram of a basic network architecture in accordance with an embodiment of the present invention.

FIG. 11 is a schematic diagram of a system for generating a webpage totem by a totem server according to an embodiment of the present invention.

Figure 12 is a diagram showing a web page generated by a totem server according to an embodiment of the present invention Schematic diagram of the system of text fonts.

Figure 13 is a schematic diagram of a system for generating a web page file by a totem server according to an embodiment of the present invention.

S21‧‧‧ steps

S22‧‧‧ steps

S23‧‧‧Steps

S24‧‧‧Steps

S25‧‧‧ steps

S26‧‧‧Steps

S27‧‧‧Steps

S28‧‧‧Steps

Claims (12)

A method for generating a webpage totem by a totem server, the method comprising the steps of: downloading, by a user browser, a webpage from a webpage server, wherein the webpage includes at least one link information, at least one word code information, and at least one font type The user browser downloads a totem display program from the totem server according to the link information; and the totem display program downloads a text file correspondence table from the totem server, the text file correspondence table includes at least one word code Corresponding relationship with a picture file; the totem display program searches for the word code information of the web page and the font information, and if the word information is found to be the same as the word code of the corresponding text file, the code information is Changing to a map link address; the user browser transmits the code information and the font information to the totem server provided with the font generation module; the totem server causes the font to generate a pattern The group generates at least one sub-set font file and its addressing information according to the word information and the font information, and transmits the address information to the totem display a program, wherein the address information includes a network address of the sub-set font file and a font name of the sub-set font file; the totem display program adds the address information to the web page; and the user browser side Downloading the sub-set font file according to the webpage containing the address information, and downloading the image file according to the image link address, and The sub-set font file and the image file are interpreted by a browser of the user browser to present the font of the sub-set font file and the image file on the webpage of the browser; The totem server stores an original font data, the original font data is composed of at least one set of fonts, and the step of generating the sub-set font file by the font generation module includes: receiving the browsing from the user The word information transmitted by the device end and the font information; searching for the font corresponding to the font information requirement from the original font data of the totem server; at least one corresponding to the received font type The code information obtains at least one index value of each of the word codes in the original font data, and obtains a font image position corresponding to each of the word codes; according to the font image position, obtains a font image, and generating an index table between the word information and the font image; and generating at least one of the sub-set font files of the original font data, and addressing the sub-set font file Information conversion The totem display format of the program may be identified. The method of claim 1, wherein the link information comprises a script code or an active X code. The method of claim 1, wherein the text file correspondence table is sorted according to a string length, and is replaced by a longer priority of the string length. The method of claim 3, wherein the text file corresponds to The format of the table is in HTML, XML or json format. The method of claim 1, wherein the step of adding the address information to the webpage defines the addressing information in a label having the font information in the webpage. A method for generating a webpage font by a totem server, the method comprising the steps of: downloading, by a user browser, a webpage from a webpage server, wherein the webpage includes at least one link information, at least one word information, and at least one a font information; the user browser downloads a totem display program from the totem server according to the link information; the totem display program searches for the word information and the font information of the webpage; the user browser side The word information and the font information are transmitted to the totem server provided with the font generation module; the totem server causes the font generation module to generate at least one sub-set word according to the word information and the font information. The type file and its addressing information, and transmitting the address information to the totem display program, wherein the address information includes a network address of the sub-set font file and a font name of the sub-set font file; the totem display program Adding the address information to the webpage; and the user browser downloads the sub-set font file according to the webpage containing the address information And interpret the subset font files one by the end of the browser user's browser to render the subset of the font file The font is stored on the webpage of the browser; wherein the totem server stores an original font data, the original font data is composed of at least one set of fonts, wherein the font generation module generates the sub-set font The step of the file includes: receiving the word information and the font information transmitted from the browser end of the user; searching for the font corresponding to the font information requirement from the original font data of the totem server; Receiving at least one of the word information corresponding to the font type, obtaining an index value of each of the at least one of the word information, and obtaining a font pattern corresponding to each of the word codes a position image; obtaining a font image according to the font image position, and generating an index table between the word information and the font image; and generating at least one of the sub-set font files of the original font data And converting the address information of the sub-set font file into a format recognizable by the totem display program. The method of claim 6, wherein the link information comprises a script code or an active X code. The method of claim 6, wherein the step of adding the address information to the webpage defines the addressing information in a tag having the font information in the webpage. A method for generating a webpage image file by a totem server, the method comprising the following steps: a user browser downloads a webpage from a webpage server, wherein the webpage The webpage includes at least one link information, at least one word code information, and at least one font type information; the user browser downloads a totem display program from the totem server according to the link information; and the totem display program is downloaded from the totem server a text file correspondence table, the text file correspondence table includes at least a correspondence between a word code and a picture file; the totem display program searches for the word code information and the font information of the web page, and if the word information is found, If the word code is the same in one of the text file correspondence tables, the code information is changed to a picture link address; and the user browser downloads the image file according to the image link address, and the user browses One of the browsers interprets the image file to render the image file on the web page of the browser. The method of claim 9, wherein the link information comprises a script code or an active X code. The method of claim 9, wherein the text file correspondence table is sorted according to a string length, and is replaced by a longer priority of the string length. The method of claim 11, wherein the format of the text file correspondence table comprises HTML, XML or json format.