TWI571751B - Acceleration method for showing asian language fonts in pages, font server, and browsing end - Google Patents

Description

Accelerate web page display method for Asian language fonts, font server, and Web page display font browsing device

The invention is a method for accelerating the display of a font display on a webpage, in particular, an accelerated rendering process for an Asian language font on a webpage display.

With the continuous advancement of information technology, people's lives can be said to be inseparable from the Internet. Compared to the early days of the 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, most of the fonts displayed on the webpage of the browsing device that displays the font on the webpage in the early days are mostly defined by the HyperText Markup Language (HTML), but as the content of the webpage becomes more and more With the trend of diversity and richness, the existing operators have begun to provide services for downloading different font files through the Internet according to the needs of webpages. In this way, even if the font display device does not have the font style installed on the webpage, the user can enjoy a variety of fonts while browsing the webpage. However, Asian text fonts are usually large and take more time to download, increasing the user's waiting time.

Taiwan Patent I427534 discloses a method for generating a web totem by a totem server. After the totem display program communicates with the totem server, the sub-set font is obtained by using the font and font information of the web page to reduce the font size. The file achieves the purpose of speeding up the download and rendering. Although the method downloads faster than the entire font file, there is still waiting time for communication with the totem server. It takes about several seconds depending on the network quality and bandwidth, and there are several seconds in the middle of the waiting time to display the system default font. After the sub-set font file is completely downloaded, the set font style can be displayed correctly. So how to make viewers Omitting the waiting time in the middle, you can directly browse to the font style set by the web page, which is worthy of consideration by those who have knowledge in the field.

In order to solve the above problems, an object of the present invention is to provide a method for accelerating a web page displaying an Asian language font, and the method for displaying a font on a webpage allows a user to enjoy a variety of Asians without much waiting time. Language font.

Based on the above objects and other objects, the present invention provides a method of accelerating a web page displaying Asian language fonts. First, downloading at least one webpage information from a webpage source corresponding to a webpage URL to a browsing device of a webpage display font, the webpage information includes a connection information, at least one wordcode information, and at least one font type information. Then, the browsing device displaying the font on the webpage downloads a font display program from the font server according to the connection information, and the font display program generates at least one first addressing information according to the webpage URL and the font information. After that, the font display program attempts to download a first sub-set font file according to the first addressing information to the font server. If the browsing device of the webpage displaying the font successfully downloads the first sub-set font file, the browsing device displaying the font on the webpage interprets the first sub-set font file and generates a first interpretation result, and the first An interpretation result is presented on a web page. Then, the font display program transmits the webpage URL, the word code information, and the font information to the font server, and the font server includes a font generation module. Then, the font generation module determines whether at least one of the font information and the word information corresponding to the webpage URL changes or does not have the font information and the word information corresponding to the web address, and if so, performs the following steps. First, the font generation module generates at least one corresponding second subset font file according to the word information and the font information, and generates a second address information according to at least the webpage URL and the font information. Thereafter, the second address information is transmitted to the font display program of the browsing device of the webpage display font, and the font display program downloads the second sub-set font file according to the second addressing information. Then, on the web page The type-based browsing device interprets the second subset font file and generates a second interpretation result, and presents the second interpretation result on a web page.

In the above method for displaying an Asian language font on an accelerated webpage, the font server includes an original font database, and the step of generating the second subset font file by the font generation module includes the following steps. First, find the font that matches the information requirements of the font from the original font database. Then, according to the received code information, a font image corresponding to each of the code information is obtained from the original font database. Then, an index table between the word information and the font image is generated, and a second sub-set font file is generated from the original font database according to the index table.

In the above method for displaying a font on a webpage, when the font generation module determines that the webpage URL, the font information, and the wordcode information are not changed, the second addressing information is equal to the first addressing information.

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

Based on the above and other objects, the present invention provides a font server, wherein the font server is communicably connected to a browsing device for displaying a font on a webpage, and the browsing device for displaying a font on the webpage includes at least one webpage information. The webpage information includes a connection information, at least one word code information, and at least one font type information, and the browsing device displaying the font on the webpage is connected to the font server according to the connection information. The font server includes a font display program and a font generation module, wherein the font server transmits the font display program to the browsing device of the webpage display font according to the request of the browsing device of the webpage display font. The font generation module generates at least one sub-set font file, and the font server further includes at least one first sub-set font file corresponding to the first address information. The font display program of the browsing device for displaying the font on the webpage generates at least one first addressing information according to the webpage URL and the font information, and the font display program attempts to download from the font server according to the first addressing information. A first sub-set font file, and then the font display program of the browsing device displaying the font on the web page transmits the web page URL, the word code information, and the font information to the font server. If the font generation module determines the word information corresponding to the webpage URL If at least one of the font information does not exist or changes, perform the following steps. Firstly, generating at least one corresponding second subset font file according to the word information and the font information, and generating a second addressing information according to the webpage URL and the font information, and transmitting the second addressing information to the webpage displaying the font type browsing The font display program of the device. After receiving the second address information, the font display program of the browsing device displaying the font on the webpage downloads the second sub-set font file from the font server according to the second addressing information and performs interpretation to generate a first The second interpretation result, and the second interpretation result is presented on a webpage.

Based on the above and other objects, the present invention provides a browsing device for displaying a font on a webpage, wherein the browsing device of the webpage display font is communicably connected to the inline server and the at least one webpage source. The webpage source includes at least one webpage information, the webpage information includes a connection information, at least one wordcode information, and at least one font type information, and the font server includes a font display program and a font type generating module. The font generation module is adapted to generate at least one sub-set font file, and the browsing device for displaying the font on the webpage is adapted to store the webpage information downloaded by the webpage source and the font display program downloaded by the font server. The browsing device displaying the font on the webpage performs the following steps according to the webpage information and the font display program. First, download a font display program from a font server based on the connection information. Then, the font display program generates at least one first address information according to at least the webpage URL and the font information. Then, the font display program attempts to download the first sub-set font file from the font server according to the first addressing information. If the first sub-set font file is successfully downloaded, the first sub-set font file is interpreted and a first interpretation result is generated, and the first interpretation result is presented on a web page. Then, the font display program transmits the webpage URL, the word code information, and the font information to the font server, wherein the font generation module of the font server determines at least the font information and the word information corresponding to the webpage URL. Whether there is a change or does not exist, if yes, at least one corresponding second subset font file is generated according to the word information and the font information, and at least a second address information is generated according to the webpage URL and the font information, and the first address information is transmitted. The second addressing information is for the browsing device of the web page display font. After that, the font display program downloads the second sub-set font file according to the second address information. case. Then, the second subset font file is interpreted and a second interpretation result is generated, and the second interpretation result is presented on a web page.

In addition, the browsing device for displaying the font on the webpage is a smart phone, a tablet computer, a desktop computer, or a notebook computer equipped with a browser software.

20‧‧‧Internet

30‧‧‧Webpage

32‧‧‧Drawdown menu area

100‧‧‧ system

110‧‧‧Web Source

112‧‧‧Servo host

120‧‧‧Display device for displaying fonts on web pages

123‧‧‧Host

124‧‧‧ screen

130‧‧‧ font server

132‧‧‧ font generation module

134‧‧‧ original font database

S110~S170, S210~S260, S310~S350‧‧‧ Flowchart steps

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

FIG. 2 is a flow chart showing a method for displaying a font on a webpage according to the present invention.

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

4A-4F are schematic diagrams showing a relationship between a webpage source, a browsing device for displaying a font on a webpage, and a message delivery relationship with a font server.

FIG. 5 is a flow chart showing the generation of a second subset font file.

FIG. 6A illustrates a partial source code of a font display program.

FIG. 6B illustrates a partial source code of the font generation module.

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

Please refer to FIG. 1. FIG. 1 is a schematic diagram of an embodiment of a system of the present invention. In this embodiment, the system 100 includes a webpage source 110, a browsing device 120 for displaying a font on a webpage, and a font server 130, wherein the webpage source 110, the browsing device 120 for displaying the font on the webpage, and the word The types of servers 130 are communicatively coupled to one another via the Internet 20. The web page source 110 is composed of at least one (in this embodiment, a plurality of) servo hosts 112, which may be placed in one place or distributed in multiple places. In addition, the browsing device 120 for displaying a font on a webpage is a desktop computer in the embodiment, and the desktop computer includes a host 123 and a screen 124. In other embodiments, the font display is displayed on the webpage. Device 120 also It can 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 servo hosts, and the font server 130 includes a font generation module 132 and an original font database 134, and the font generation module 132 and the original The font database 134 will be described in detail later.

Please refer to FIG. 2A and FIG. 2B simultaneously. FIG. 2A and FIG. 2B are flowcharts showing a method for displaying a font on a webpage according to the present invention. First, in step S110, the user opens the browser on the browsing device 120 of the web page display font. In this embodiment, the browser may be Internet Explorer, Firefox, Opera Web Browser, or Google Chrome. Then, step S120 is implemented, and then connected to the webpage source through the hyperlink, so that the screen 124 displays the webpage as shown in FIG. 3, and the webpage URL shown in FIG. 3: http://www.abc.com .tw/. It should be noted that the webpage URL and webpage content shown in FIG. 3 are only schematic and do not represent real webpages, and the content shown on the webpage is only used for the description of the present application. In addition, as shown in FIG. 4A, the webpage information that is downloaded from the webpage source 110 to the browsing device 120 of the webpage display font includes a connection information, at least one word information, and at least one font type information, wherein the connection information refers to the connection. The URL to the font server 130. In addition, the word information is, for example, "fashion zone", "female product", "3C product", "daily product", etc. shown in the pull-down menu area 32 of the webpage 30 shown in FIG. 3, and the font information is, for example, It refers to the font used by the above code, for example: POP1 font.

Then, in step S130, as shown in FIG. 4B, after the browsing device 120 of the webpage display font is connected to the font server 130 according to the connection information, the font display program is downloaded from the font server 130, and the font is downloaded. A partial source code of the display program is shown in Fig. 6A. Then, in step S140, the relevant part of the original code is in the area circled in the block 601 of FIG. 6A, and the font display program of the browsing device 120 located on the webpage display font is based on the webpage URL (ie, as shown in FIG. Website address: http://www.abc.com.tw/) and font information (for example, use pop1 and pop2 two sets of fonts), and generate a first address information, this first address information This is shown as block 611 in Figure 6C.

Then, step S150 is implemented. As shown in FIG. 4C, the browsing device 120 displaying the font on the webpage downloads a first subset font file from the font server 130 according to the first addressing information. In this embodiment, the first sub-set font file preferably includes only fonts corresponding to the words shown in the web page 30, rather than all of the fonts. Then, in step S160, the host 123 of the browsing device 120 displaying the font on the webpage interprets the first subset font file to generate a first interpretation result, and the first interpretation result is presented on the webpage display. The web page of the font browsing device 120. In detail, the browsing device 120 displaying the font on the webpage causes the font of the word (partial or full) on the webpage to present the word corresponding to the first subset of the font file according to the first subset font file. type.

Then, in step S170, as shown in FIG. 4D, the font display program of the browsing device 120 displaying the font on the webpage transmits the webpage URL and the word information and font information corresponding to the webpage URL to the font server. 130. Then, in step S210, the font generation module 132 determines whether the word information or the font information corresponding to the webpage URL changes, or determines whether the word information or the font information corresponding to the webpage URL does not exist. In this embodiment, a part of the original code of the font generation module 132 is as shown in FIG. 6B.

In more detail, please refer to FIG. 1 at the same time. In the general case, the font server 130 and the webpage source 110 are responsible by different operators (but can also belong to the same industry), and the web source 110 will be The service is ordered from the operator of the font server 130, so that the consumer of the browsing device 120 displaying the font on the web page can see the special word provided by the font server 130 on the web page when browsing the webpage source 110. The type, the related procedure of its operation has been as shown in steps S110 to S170. For example, after the first sub-set font file mentioned in step S150 can order the service of the webpage source 110 to the operator of the font server 130, the font server 130 pre-stores the font server 130. The first subset of the font file. However, the operator of the webpage source 110 may modify the font or the word in the webpage, and the first sub-set font file downloaded in step S150 cannot cause the webpage to correctly present the changed font or word. Alternatively, the operator of the webpage source 110 may add a new webpage. When the newly added webpage is downloaded for the first time, the font server 130 does not have the font information and the wordcode information corresponding to the webpage. When this happens, The system 100 executes the procedures of steps S230 to S260 to generate a new sub-set font for use, and steps S230 to S260 will be described in detail below. In this embodiment, if the above situation does not exist, the font server 130 does not generate a new sub-set font (such as step S220), and the font display program directly downloads the first sub-set font file display. The user of the browsing device 120 that has displayed the font on the web page leaves the web page 30.

Referring to FIG. 2B, step S230 is implemented. In the font server 130, the font generation module 132 generates a second subset font and a second address information. In detail, the font generation module 132 generates at least one corresponding second subset font file according to the word information and the font information uploaded by the browsing device 120 of the webpage display font, and also according to the webpage URL and the word. The type information generates a second address information, which is shown in block 612 of Figure 6C.

Thereafter, step S240 is implemented. Referring to FIG. 4E at the same time, the font server 130 transmits the second address information to the browsing device 120 of the web page display font. Then, step S250 is implemented. Referring to FIG. 4F at the same time, the font display program 130 of the browsing device 120 displaying the font on the webpage downloads the second subset font file to the font server 130 according to the second addressing information. Then, in step S260, the host 123 of the browsing device 120 of the webpage display font interprets the second subset font file and generates a second interpretation result, and presents the second interpretation result to the webpage 30. on. That is, the first interpretation result originally presented on the web page 30 will be covered by the second interpretation result. It should be noted that in the preferred embodiment, since the web page is browsed by multiple viewers at the same time, when one viewer reads the web page 30 and generates the second sub-set font file on the font server 130, Other browsers can directly download the second sub-set font file for display during browsing, and can wait for the font server 130 to perform communication processing, so that the time required for processing and transmission can be shortened, thereby allowing the web page to be displayed. The viewer of the browsing device 120 displaying the font enjoys a variety of fonts without much waiting time.

It should be noted that, in other embodiments, when the font generation module 132 determines that the font information or the word information corresponding to the webpage URL does not change or the font information and the word information corresponding to the web address already exist, Steps S230 to S260 are executed. However, in this case, the second addressing information will be equal to the first addressing information.

In summary, in the present invention, the browsing device 120 displaying the font on the web page first downloads the program of the first sub-set font file and displays the first interpretation result, and then the font on the font server 130 is generated. The module 132 determines whether the word information or the font information corresponding to the webpage URL changes, or determines whether the word information or the font information corresponding to the webpage URL does not exist. In other words, the font generation module 132 displays the first interpretation result on the webpage display font display device 120 before the determination is made, and the method disclosed in the present invention can be reduced compared with the first judgment and then display. The waiting time of the user of the browsing device 120 displaying the font on the web page. Moreover, even if the first sub-set font file is not the desired sub-set font file, the font server 130 will generate the correct information according to the word information and the font information uploaded by the browsing device 120 of the web page display font. The second sub-set font file.

In the following, a more detailed introduction will be made on the manner in which the second sub-set font file is generated. Please refer to FIG. 5. FIG. 5 is a flowchart of generating a second subset font file.

First, in step S310, the font generation module 132 determines and confirms whether the word information and the font information transmitted by the browsing device 120 from the web page display font are received. Next, in step S320, the font generation module 132 searches for the fonts required by the font information from the original font database 134, and is composed of at least one set of font data, including but not limited to TTF ( Truetype font file format), TTC (Truetype font file format), OTF (opentype font file format), XML (store font file in XML format), the source of which contains the conversion of fonts into equivalent effects Format, etc.

Then, in step S330, according to the received word information (for example, "fashion zone"), the font generation module 132 obtains a word corresponding to each word in the word information from the original font database 134. Type image. For example, when the font information is: [Wang Hanzong font] (not shown in the figure), where the Unicode word of the "hour" word is 6642, look for the word index value in [Wang Hanzong font] to get the word index value. For 18432, look for [Wang Hanzong font], find the font image position with the code index value 18432, take For the content of the font image, the rest of the words "Shang", "Special", and "Zone" can obtain the content of the font image in the same way, so it will not be described again.

Then, step S340 is implemented to generate an index table (not shown) between the word information and the font image. Thereafter, a second subset of font files can be generated from the original font database 134 in accordance with the index table. The present invention has been described above, but it is not intended to limit the scope of patent rights claimed herein. The scope of patent protection is subject to the scope of the patent application and its equivalent fields. Any changes or modifications made by those skilled in the art without departing from the spirit or scope of this patent are subject to the equivalent changes or designs made in the spirit of the present disclosure and should be included in the scope of the patent application below. Inside.

S110~S170, S210~S260‧‧‧ Flowchart steps

Claims (9)

A method for displaying a font on a webpage includes: downloading at least one webpage information from a webpage source corresponding to a webpage URL to a browsing device of a webpage display font, the webpage information including a connection information, at least one wordcode information, And at least one font type information; the browsing device displaying the font on the webpage downloads a font display program from the font server according to the connection information; the font display program generates at least the webpage URL and the font information at least a first addressing information; the font display program attempts to download a first subset font file according to the first addressing information; if the browsing device that displays the font on the webpage successfully downloads the a first sub-set font file, the browsing device displaying the font on the webpage interprets the first sub-set font file and generates a first interpretation result, and presents the first interpretation result to a webpage The font display program transmits the webpage URL, the code information, and the font information to the font server, and the font server includes a font generation module; the word The generating module determines whether at least one of the font information and the word information corresponding to the webpage URL changes or does not have the font information and the word information corresponding to the webpage, and if yes, performs the following steps: the word The type generating module generates at least one corresponding second subset font file according to the word information and the font information, and generates at least a second addressing information according to the webpage URL and the font information; and transmitting the second addressing information The font display program of the browsing device that displays the font on the webpage; The font display program of the browsing device of the webpage display font downloads the second sub-set font file according to the second address information; and the browsing device of the webpage displaying the font of the second sub-set font file Interpreting and generating a second interpretation result, and presenting the second interpretation result on a webpage. The method for generating a font in a webpage according to the first aspect of the patent application, wherein the font server includes an original font database, and the step of generating the second subset font file by the font generation module comprises: Searching for the font corresponding to the font information requirement from the original font database; and obtaining a word corresponding to each of the word information from the original font database according to the received font information a type image; generating an index table between the word information and the font image; and generating the second subset font file from the original font database according to the index table. The method for generating a font in a webpage according to the first aspect of the patent application, wherein the second addressing is performed when the font generating module determines the webpage URL, the font information, and any one of the font information is not changed. The information is equal to the first addressing information. For example, in the method of claim 1, the method for generating a font in a webpage, wherein when the font information and the word information are changed, the second interpretation result will cover the first interpretation result. A font server is connected to a browsing device for displaying a font on a webpage, and the browsing device for displaying a font on the webpage includes at least one webpage information, the webpage information including a connection information, at least one word information, and at least one The font information, the browsing device displaying the font on the webpage is connected to the font server according to the connection information, and the font server comprises: a font display program, the font server is adapted to transmit the font display program to the browsing device of the webpage display font according to the request of the browsing device of the webpage display font, and the font display program is suitable Generating at least one first addressing information; and a font generating module, the font generating module is adapted to generate at least one sub-set font file, and the font server further comprises corresponding to the first addressing At least a first sub-set font file of the information; wherein the font display program of the browsing device displaying the font on the webpage generates at least one first address information according to the webpage URL and the font information, the word The type display program attempts to download a first subset font file from the font server according to the first address information, and then the webpage URL of the font display device of the browsing device displaying the font on the webpage, The word information and the font information are transmitted to the font server, and if the font generation module determines whether at least one of the word information and the font information corresponding to the webpage URL does not exist or changes, And performing the following steps: generating at least one corresponding second subset font file according to the font information and the font information, and generating a second addressing information according to the webpage URL and the font information; and transmitting the second Locating the font information to the font display program of the browsing device of the webpage display font; wherein, after receiving the second address information, the font display program of the browsing device displaying the font on the webpage is according to the second The addressing information downloads the second subset font file from the font server and interprets it to generate a second interpretation result, and presents the second interpretation result on a web page. For example, the font server of the fifth application patent scope further includes an original font database, and the step of generating the second sub-set font file by the font generation module includes: searching from the original font database a font that meets the font information requirements; Obtaining, according to the received code information, a font image corresponding to each of the word codes in the original font database; generating an index table between the word information and the font image And generating the second subset font file from the original font database according to the index table. For example, in the font server of claim 5, when the font generation module determines that the webpage URL and the font information have not changed, the second addressing information is equal to the first addressing information. A browsing device for displaying a font on a webpage, the communication device being adapted to be communicatively connected to the inline server and the at least one webpage source, the webpage source comprising at least one webpage information, the webpage information comprising a connection information, at least one wordcode information, and at least a font type information, wherein the font server comprises a font display program and a font generation module, the font generation module is adapted to generate at least one sub-set font file, and the web page displays the font type browsing. The device is adapted to store the webpage information downloaded by the webpage source and the font display program downloaded by the font server, and the browsing device of the webpage display font is executed according to the webpage information and the font display program. The following steps: downloading a font display program from a font server according to the connection information; the font display program generates at least one first address information according to the webpage URL and the font information; the font display program is based on The first addressing information attempts to download the first sub-set font file from the font server; if the sub-set font file is successfully downloaded, the sub-set font file is entered Interpreting and generating a first interpretation result, and presenting the first interpretation result on a webpage; the font display program transmits the webpage URL, the code information, and the font information to the font servo The font generation module of the font server determines the webpage Whether at least one of the font information and the word information corresponding to the address has a change or does not exist, and if so, at least one corresponding second subset font file is generated according to the word information and the font information, and at least The webpage URL and the font information generate a second addressing information, and transmit the second addressing information to the browsing device of the webpage display font; the font display program downloads the second subset according to the second addressing information a font file; and interpreting the second subset font file and generating a second interpretation result, and presenting the second interpretation result on a web page. For example, in the application device of the eighth aspect of the patent application, the browsing device for displaying the font on the webpage is a smart phone with a browser software, a tablet computer, a desktop computer, Or a laptop.