CN107391519B - Method for accelerating display of Asian language family fonts on webpage, font server and browser end - Google Patents

Abstract

A method, font server, and browser for accelerating the display of Asian language fonts on web pages. The method includes the following steps: downloading at least one web page information to the browser, where the web page information includes connection information, character code information, and font information. The browser downloads a font display program, and the font display program generates first addressing information. Thereafter, the font display program downloads the first subset of font files and generates a first interpretation result. Then the font server includes a font generation module, and the font display program performs the following steps after communicating with the font generation module. First, the font generation module generates the corresponding second subset font file and the second addressing information. Afterwards, the browser downloads the second subset font file and interprets the second subset font file to generate a second interpretation result. The invention has the beneficial effect of accelerating the method of displaying Asian language fonts on web pages, and allowing users to enjoy diversified Asian language fonts without much waiting time.

Description

Method, font server, and browser side for accelerating the display of Asian fonts on web pages

technical field

A method for accelerating the display of fonts displayed on a webpage, especially for the accelerated rendering processing of Asian fonts on the webpage display.

Background technique

With the continuous development of information technology, people's life can be said to be inseparable from the Internet. Compared with the early development of the World Wide Web, the content presented on the current web page can be said to be more and more abundant. For example, in the early days, the fonts of the text displayed on the web pages of the browser were mostly defined by the HyperText Markup Language (HTML for short). Existing companies have begun to provide services for downloading different font files through the Internet according to web page requirements. In this way, even if the style of the font is not installed on the browser side, users can enjoy a variety of fonts when browsing the web. However, the files of Asian script fonts are usually large and take more time to download, thereby increasing the user's waiting time.

The method disclosed in Taiwan Patent I427534, Method for Generating Web Totems by Totem Servers, uses the font codes and font information of the web page to obtain sub-set fonts after the totem display program communicates with the totem server, so as to reduce the font file to achieve The purpose of speeding up the download rendering speed. Although this method is faster than downloading the entire font file, it still has a waiting time when communicating with the totem server. Depending on the network quality and bandwidth, it will take about a few seconds. In the middle of the waiting time, there will be a few seconds displayed as the system default font. Wait for the sub-collection font file to complete. After the download is complete, the set font style can be displayed correctly. Therefore, how to allow the viewer to omit the intermediate waiting time and directly browse to the font style set by the webpage is worthy of consideration by those skilled in the art.

SUMMARY OF THE INVENTION

In order to solve the above problems, the purpose of the present invention is to provide a method for accelerating the display of Asian fonts on webpages. Enjoy a wide variety of Asian fonts.

Based on the above object and other objects, the present invention provides a method for accelerating the display of Asian fonts on a webpage. First, download at least one webpage information from a webpage source corresponding to a webpage URL to a browser, the webpage information includes a connection information, at least one character code information, and at least one font information. Next, the browser downloads a font display program from a font server according to the connection information, and the font display program generates at least one first addressing information according to at least the webpage URL and the font information. Afterwards, the font display program tries to download a first subset font file from the font server according to the first addressing information. If the browser terminal successfully downloads the first subset font file, the browser terminal interprets the first subset font file, generates a first interpretation result, and presents the first interpretation result on a webpage. Next, the font display program transmits the website address, the font code information, and the font information to the font server, and the font server includes a font generating module. Next, the font generation module determines whether at least one of the font information and the font code information corresponding to the web site address has changed or there is no font information and font code information corresponding to the web site, and if so, the following steps are performed. First, the font generating module generates at least one corresponding second subset font file according to the font code information and the font information, and generates a second addressing information at least according to the webpage URL and the font information. Afterwards, the second addressing information is transmitted to the font display program on the browser side, and the font display program downloads the second subset font file according to the second addressing information. Next, the browser interprets the second subset font file to generate a second interpretation result, and displays the second interpretation result on a webpage.

In the above-mentioned method for accelerating the display of Asian fonts on a webpage, the font server includes an original font database, and the step of generating the second subset font file by the font generating module includes the following steps. First, look for fonts that meet the requirements of the font information from the original font database. Next, according to the received font code information, a font image corresponding to each font code in the font code information is obtained from the original font database. Next, an index table between the character code information and the font image is generated, and a second subset font file is generated from the original font database according to the index table.

In the above method for displaying fonts on a webpage, when the font generating module determines that any one of the webpage URL, font information, and character code information has not changed, the second addressing information is equal to the first addressing information.

In the above method for displaying fonts on a webpage, when the font information and the character code information are changed, the second interpretation result will cover the first interpretation result.

Based on the above objects and other objects, the present invention provides a font server, the font server is communicatively connected to a browser, the browser includes at least one webpage information, the webpage information includes a connection information, at least one character code information, With at least one font information, the browser side connects to the font server according to the connection information. The font server includes a font display program and a font generation module, characterized in that the font server transmits the font display program to the browser according to the request of the browser, and the font generation module generates at least a subset font file, and the font server also At least one first subset font file corresponding to the first addressing information is included. The font display program on the browser side generates at least one first addressing information according to the web page URL and the font information, the font display program tries to download a first subset font file from the font server according to the first addressing information, and then browses The font display program on the server side transmits the web page URL, font code information, and font information to the font server. If the font generation module determines whether at least one of the font code information and the font information corresponding to the webpage URL does not exist or has changed, the following steps are performed. First, at least one corresponding second subset font file is generated according to the character code information and the font information, and a second addressing information is generated according to the webpage URL and the font information, and the second addressing information is sent to the font display program on the browser side . It is characterized in that, after receiving the second addressing information, the font display program on the browser side downloads the second subset font file from the font server according to the second addressing information and interprets it to generate a second interpretation result, and The second interpretation result is presented on a web page.

Based on the above objects and other objects, the present invention provides a browser, which is communicatively connected to a font server and at least one webpage source. The webpage source includes at least one webpage information, the webpage information includes connection information, at least one character code information, and at least one font information, and the font server includes a font display program and a font generation module. The font generation module is adapted to generate at least a subset of font files, the browser end is adapted to store the webpage information downloaded from the webpage source and the font display program downloaded from the font server, and the browser end displays the font according to the webpage information and the font. The program performs the following steps. First, a font display program is downloaded from a font server according to the connection information. Next, the font display program generates at least one first addressing information according to at least the web page URL and the font information. Next, the font display program tries to download the first subset font file from the font server according to the first addressing information. If the first subset font file is successfully downloaded, the first subset font file is interpreted to generate a first interpretation result, and the first interpretation result is displayed on a web page. Next, the font display program transmits the web page URL, the font code information, and the font information to the font server, wherein the font generation module of the font server determines whether at least one of the font information and the font code information corresponding to the web page URL has changed or not. If it does not exist, at least one corresponding second subset font file is generated according to the character code information and the font information, and a second addressing information is generated at least according to the webpage URL and the font information, and the second addressing information is sent to the browser. device end. Afterwards, the font display program downloads the second subset font file according to the second addressing information. Then, the second subset font file is interpreted to generate a second interpretation result, and the second interpretation result is displayed on a web page.

In addition, the browser terminal is a smart phone, a tablet computer, a desktop computer, or a notebook computer equipped with browser software.

Description of drawings

Figure 1 shows a schematic diagram of an embodiment of the system of the present invention.

FIG. 2 is a flowchart of a method for displaying fonts on a webpage according to the present invention.

FIG. 3 shows an embodiment of a web page of the present invention.

4A to 4F are schematic diagrams showing the information delivery relationship among the webpage source, the browser, and the font server.

FIG. 5 shows a flow chart of generating the second subset font file.

FIG. 6A shows part of the source code of the font display program.

FIG. 6B shows part of the source code of the font generation module.

FIG. 6C shows the first addressing information and the second addressing information.

Detailed ways

Please refer to FIG. 1 , which is a schematic diagram of an embodiment of the system of the present invention. In this embodiment, the system 100 includes a web page source 110 , a browser terminal 120 , and a font server 130 . communicate with each other. The web page source 110 is composed of at least one (in this embodiment, multiple) server hosts 112, and these server hosts 112 may be located in one place or distributed in multiple places. In addition, the browser 120 is a desktop computer in this embodiment, and the desktop computer includes a host 123 and a screen 124; in other embodiments, the browser 120 can also be a notebook computer, a smart phone, A tablet computer, an All in One computer or other electronic device that can browse the web. In addition, the font server 130 can also be composed of one or more server hosts, and the font server 130 includes a font generation module 132 and an original font database 134. The font generation module 132 and the original font database 134 will be described in detail later. introduce.

Please refer to FIG. 2A and FIG. 2B at the same time. FIG. 2A and FIG. 2B are flowcharts of a method for displaying fonts on a webpage according to the present invention. First, in step S110, the user starts the browser on the browser terminal 120. In this embodiment, the browser may be Internet Explorer, Firefox, Opera Web Browser, or Google Chrome. Next, step S120 is implemented, and then the web page source is connected by means of a hyperlink, so that the screen 124 will display the web page shown in FIG. 3, and the web page URL shown in FIG. 3: http://www.abc.com. tw/. It should be noted that the web site address and web page content shown in FIG. 3 are for illustration only, and do not represent the real web site, and the content displayed on the web page is only used for the purpose described in this application. In addition, as shown in FIG. 4A , the web page information to be downloaded from the web page source 110 to the browser 120 includes connection information, at least one character code information, and at least one font information, wherein the connection information refers to connecting to a font server 130 URLs. In addition, the font code information is, for example, "Fashion Zone", "Women's Products", "3C Products", "Daily Products", etc. shown in the drop-down menu area 32 in the web page 30 shown in FIG. 3, and the font information is, for example, Refers to the font used by the above code, for example: POP1 font.

After that, step S130 is implemented. As shown in FIG. 4B , after the browser terminal 120 is connected to the font server 130 according to the link information, it will download the font display program from the font server 130 , and part of the source code of the font display program is shown in FIG. 6A . . Next, in step S140, the relevant part of the original code is in the area circled in the box 601 of FIG. 6A, and the font display program on the browser side 120 will display the font according to the web page URL (ie the web page URL shown in FIG. 3: http:/ /www.abc.com.tw/) and font information (for example, two sets of fonts pop1 and pop2 are used) to generate a first addressing information, which is shown as block 611 in FIG. 6C .

Then, step S150 is performed. As shown in FIG. 4C , the browser terminal 120 downloads a first subset font file from the font server 130 according to the first addressing information. In this embodiment, the first subset font file preferably includes only the fonts corresponding to the font codes shown in the webpage 30, rather than all the fonts. Then, in step S160 , the host 123 of the browser 120 interprets the first subset font file to generate a first interpretation result, and the first interpretation result is displayed on the web page of the browser 120 . Specifically, the browser 120 will display fonts corresponding to the first subset font file for the fonts of the font code (part or all) on the webpage according to the first subset font file.

Next, step S170 is performed. As shown in FIG. 4D , the font display program of the browser 120 transmits the webpage URL and the font code information and font information corresponding to the webpage URL to the font server 130 . After that, in step S210, the font generation module 132 determines whether the font code information or font information corresponding to the webpage URL has changed, or whether the font code information or font information corresponding to the webpage URL does not exist. In this embodiment, part of the source code of the font generation module 132 is shown in FIG. 6B .

In more detail, please refer to FIG. 1 at the same time. In general, the font server 130 and the web page source 110 are in charge of different companies (but they can also belong to the same company). 130 subscribes the service, so that the consumer of the browser 120 can see the special font provided by the font server 130 on the web page when browsing the web page source 110, and the related procedures of its operation are as shown in steps S110 to S110. shown in S170. For example, after the first subset font file mentioned in step S150 can be used by the provider of the webpage source 110 to order services from the provider of the font server 130 , the font server 130 stores the first subset font file in the font server 130 in advance. . However, the operator of the web page source 110 may modify the font or font code in the web page, so that the first subset font file downloaded in step S150 cannot correctly display the modified font or font code on the web page. Alternatively, the operator of the web page source 110 may add a new web page. When the new web page is downloaded for the first time, the font server 130 does not have the font information and font code information corresponding to the website address. When the above situation occurs, the system 100 will execute the procedures of steps S230 to S260 to generate a new subset font for use. The steps S230 to S260 will be described in detail below. In this embodiment, if the above situation does not exist, the font server 130 will not generate a new sub-collection font (as in step S220 ), and the font display program will directly download the first sub-collection font file and display it until the browser 120 of users leave the web page 30 .

Please continue to refer to FIG. 2B , step S230 is implemented. In the font server 130 , the font generating module 132 generates a second subset font and a second addressing information. Specifically, the font generating module 132 generates at least one corresponding second subset font file according to the font code information and font information uploaded by the browser 120, and also generates a second addressing information according to the website URL and the font information. , the second addressing information is shown in block 612 in FIG. 6C.

After that, step S240 is implemented, please refer to FIG. 4E at the same time, the font server 130 transmits the second addressing information to the browser 120. Then, in step S250, please refer to FIG. 4F at the same time, the font display program 130 of the browser 120 will download the second subset font file to the font server 130 according to the second addressing information. Next, in step S260 , the host 123 of the browser 120 interprets the second subset font file, generates a second interpretation result, and presents the second interpretation result on the webpage 30 . That is, the first interpretation result originally displayed on the web page 30 will be covered by the second interpretation result. It is worth noting that, in the preferred embodiment, since the webpage will be viewed by multiple viewers at the same time, after one viewer has read the webpage 30 and generates the second subset font file on the font server 130, other viewers will The user can directly download the second subset font file for display during browsing, and no longer need to wait for the font server 130 to communicate and process before display, so the time required for processing and transmission can be shortened, so that the browser of the browser 120 can Enjoy a wide variety of fonts without too much waiting time.

It should be noted that, in other embodiments, when the font generation module 132 determines that the font information or font code information corresponding to the website address has not changed or that the font information and font code information corresponding to the website address already exists, step S230 will also be executed. ~Step S260. However, in this case, the second addressing information would be equal to the first addressing information.

To sum up, in the present invention, the browser 120 will firstly download the first subset font file and display the first interpretation result, and then the font generating module 132 on the font server 130 will determine that the webpage corresponds to this webpage Whether the font code information or font information of the website has changed, or whether the font code information or font information corresponding to the website website does not exist. That is to say, the browser 120 will display the first interpretation result before the font generation module 132 makes a judgment. Compared with the first judgment and then display, the method disclosed in the present invention can reduce the number of users of the browser 120 waiting time. Moreover, even if the first subset font file is not the desired subset font file, the font server 130 will then generate the correct second subset font file according to the font code information and font information uploaded by the browser 120 .

Hereinafter, the generation method of the second subset font file will be introduced in more detail. Please refer to FIG. 5. FIG. 5 is a flowchart of generating the second subset font file.

First, in step S310 , the font generation module 132 determines and confirms whether the font code information and font information transmitted from the browser 120 are received. Next, in step S320, the font generation module 132 searches the original font database 134 for a font that meets the requirements of the font information, and is composed of at least one set of font data, the sources of which include but are not limited to TTF (Truetype Font File Format), TTC (Truetype font file set format), OTF (opentype font file format), XML (save font files in XML format), its sources include converting fonts into data formats with equivalent effects, etc.

Then, step S330 is implemented, according to the received font code information (for example: "fashion zone"), the font generation module 132 obtains a font image corresponding to each font code in the font code information from the original font database 134. For example, when the font information is: [Wang Hanzong font] (not shown in the figure), which is characterized in that the Unicode character code of the word "shi" is 6642, then look for the word code index value in [Wang Hanzong font], and obtain The index value of the font code is 18432, and then look for [Wang Hanzong font], find the position of the font image with the index value of the font code 18432, and obtain the content of the font image. The content of the font image is obtained, so it is not repeated here.

Then, step S340 is performed to generate an index table (not shown) between the character code information and the font image. Afterwards, the second subset font file can be generated from the original font database 134 according to the index table.

The above-mentioned embodiments are only examples for the convenience of description, although any modifications may be made by those skilled in the art, they will not deviate from the scope of protection as claimed in the claims.

Claims (9)

1. A method for displaying fonts on a web page, comprising:

downloading at least one webpage information from a webpage source corresponding to a webpage website to a browser end, wherein the webpage information comprises a connection information, at least one character code information and at least one character style information;

the browser downloads a font display program from a font server according to the connection information;

the font display program at least generates at least one first addressing message according to the web page website and the font information;

the font display program tries to download a first subset font file to the font server according to the first addressing information;

if the browser end successfully downloads the first subset font file, the browser end interprets the first subset font file and generates a first interpretation result, and the first interpretation result is presented on a webpage;

the font display program transmits the web page website, the character code information and the font information to the font server, and the font server comprises a font generation module;

the font generation module judges whether at least one of the font information and the character code information corresponding to the web site of the web page is changed or does not have the font information and the character code information corresponding to the web site, if so, the following steps are carried out:

the font generating module generates at least one corresponding second subset font file according to the character code information and the font information, and generates second addressing information at least according to the webpage website and the font information;

transmitting the second addressing information to the font display program of the browser end;

the font display program of the browser end downloads the second subset font file according to the second addressing information; and

the browser end interprets the second subset font file and generates a second interpretation result, and the second interpretation result is displayed on a webpage.

2. The method for displaying fonts on web pages according to claim 1, wherein the font server comprises an original font database, and the step of the font generation module generating the second subset font file comprises:

searching the font meeting the font information requirement from the original font database;

acquiring a font image corresponding to each character code in the character code information from the original font database according to the received character code information;

generating an index table between the character code information and the font image; and

generating the second subset font file from the original font database according to the index table.

3. The method as claimed in claim 1, wherein the second addressing information is equal to the first addressing information when the font generation module determines that any of the web address, the font information, and the font information has not changed.

4. The method as claimed in claim 1, wherein the second interpretation result overrides the first interpretation result when the font information and the font code information are changed.

5. A font server is communicatively connected to a browser end, the browser end includes at least one web page message, the web page message includes a connection message, at least one font message, and at least one font message, the browser end is connected to the font server according to the connection message, the font server includes:

a font display program, the font server is suitable for transmitting the font display program to the browser end according to the request of the browser end; and

a font generation module adapted to generate at least one subset font file, and the font server further includes at least one first subset font file corresponding to the first addressing information;

the method is characterized in that the font display program of the browser end generates at least one first addressing information according to the webpage address and the font information, the font display program tries to download a first subset font file from the font server according to the first addressing information, then the font display program of the browser end transmits the webpage address, the font information and the font information to the font server, if the font generation module judges whether at least one of the font information and the font information corresponding to the webpage address does not exist or changes, the following steps are carried out if the font generation module judges that at least one of the font information and the font information corresponding to the webpage address does not exist or changes:

generating at least one corresponding second subset font file according to the character code information and the font information, and generating second addressing information according to the web page address and the font information; and

transmitting the second addressing information to the font display program of the browser end;

after receiving the second addressing information, the font display program of the browser downloads the second subset font file from the font server according to the second addressing information and interprets the second subset font file to generate a second interpretation result, and the second interpretation result is displayed on a webpage.

6. The font server of claim 5, further comprising an original font database, the step of the font generation module generating the second subset font file comprising:

searching the font meeting the font information requirement from the original font database;

acquiring a font image corresponding to each character code in the character code information from the original font database according to the received character code information;

generating an index table between the character code information and the font image; and

generating the second subset font file from the original font database according to the index table.

7. The font server according to claim 5, wherein the second addressing information is equal to the first addressing information when the font generation module determines that the web address and the font information are not changed.

8. A browser end is suitable for being in communication connection with a font server and at least one webpage source, the webpage source comprises at least one webpage message, the webpage message comprises a connection message, at least one character code message and at least one font message, the font server comprises a font display program and a font generation module, the font generation module is suitable for generating at least one subset font file, the browser end is suitable for storing the webpage message downloaded by the webpage source and the font display program downloaded by the font server, and the browser end executes the following steps according to the webpage message and the font display program:

downloading a font display program from a font server according to the connection information;

the font display program at least generates at least one first addressing message according to the web page website and the font information;

the font display program attempting to download a first subset font file from the font server based on the first addressing information;

if the subset font file is successfully downloaded, the subset font file is interpreted to generate a first interpretation result, and the first interpretation result is presented on a webpage;

the font display program transmits the web page website, the font information and the font information to the font server, and is characterized in that the font generation module of the font server judges whether at least one of the font information and the font information corresponding to the web page website has change or does not exist, if so, at least one corresponding second subset font file is generated according to the font information and the font information, at least one second addressing information is generated according to the web page website and the font information, and the second addressing information is transmitted to the browser end;

the font display program downloads the second subset font file according to the second addressing information; and

the second subset font file is interpreted to generate a second interpretation result, and the second interpretation result is displayed on a webpage.

9. The browser-side of claim 8, wherein the browser-side is a smart phone, a tablet computer, a desktop computer, or a notebook computer equipped with browser software.

Images