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

Description

Accelerate webpage display of Asian fonts, font server, and browser side

The invention relates to a method for accelerating display of fonts on a webpage, in particular to an accelerated rendering process of 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 web pages in the early browsers are defined by the HyperText Markup Language (HTML), but as the content of the webpage becomes more diverse and richer, Under the existing business, users 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 style of the font is not installed on the browser side, 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 The method disclosed in the method for generating a web totem by a totem server is that 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. Therefore, how to let the viewer omit the waiting time in the middle, can directly browse to the font style set by the webpage, 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 browser end, the webpage information includes a connection information, at least one wordcode information, and at least one font type information. Then, the browser downloads a font display program from the font server according to the connection information. Then, the font display program generates at least one first addressing information based on at least the webpage URL and the font information. Then, the font display program downloads at least one first sub-set font file according to the first addressing information to the font server, wherein the first sub-set font file is generated based on a common word statistical information, the first The sub-set font file contains N common words belonging to the same font. Then, the browser side interprets according to the word information, the font information, and the first sub-set font file, and generates a first interpretation result, and presents the first interpretation result on a webpage. Then, the font display program analyzes the word information and the font information to determine whether the first sub-set font file contains all the word information corresponding to the web page information, and if not, performs the steps described in the following paragraph. First, 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 generates at least one corresponding second sub-set font file according to the word information and the font information, and the font generation module further generates a second address information according to at least the webpage URL and the font information. . Then, the second address information is transmitted to the font display program on the browser side, and the font display program on the browser side downloads the second sub-set font file according to the second address information. Thereafter, the browser side interprets according to at least the code information, the font information, and the second sub-set font file, and generates a second interpretation result, and presents the second interpretation result on the webpage. In the above, the font display program is downloaded first, and then the first sub-set font file is downloaded from the font server by the font display program. However, if the address of the first sub-set font file is fixed, the font display program and the first sub-set font file can also be downloaded at the same time, so that the "first address information can be generated" can be omitted. program of. In the above method for accelerating the display of Asian fonts on the webpage, the commonly used word statistics information is generated according to the frequency of use of at least one website, which is an entrance website, a social website, a search website, a news website, A blog site or a combination of at least two. Among them, N is 100~10000. In the above method for displaying a font on a webpage, the font server includes an original font database, and the font generation module generates the second subset font file including the following steps. First, find the fonts that meet the above-mentioned font information requirements 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. Then, the second sub-set font file is generated from the original font database according to the index table. Based on the above and other objects, the present invention provides a font server, wherein the font server is communicatively coupled to a browser, the browser includes at least one webpage information, and the webpage information includes a connection information and at least one word code. Information, and at least one type of information, the browser 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 browser according to the request of the browser, and the font generation module generates at least one subset. The font file, and the font server further includes at least one first subset font file corresponding to the first address information. The first sub-set font file is generated based on a common word statistical file, and the first sub-set font file includes N common words belonging to the same font. In the browser side, according to the word information, the font information, and the first sub-set font file are interpreted and a first interpretation result is generated, and the first interpretation result is presented on a webpage. The font display program on the browser side analyzes the word information and the font information to determine whether the first sub-set font file contains all the word information corresponding to the web page information. If not, the steps described in the next paragraph are performed. First, the font display program transmits the web page URL, word code information, and font information to the font server. Then, the font generation module generates at least one corresponding second sub-set font file according to the word information and the font information, and the font generation module further generates a second address information according to at least the webpage URL and the font information. . Then, the second address information is transmitted to the font display program on the browser side, and the font display program on the browser side downloads the second sub-set font file according to the second address information. Thereafter, the browser side interprets according to at least the code information, the font information, and the second sub-set font file, and generates a second interpretation result, and presents the second interpretation result on the webpage. Based on the above and other objects, the present invention provides a browser end communicatively coupled to a font server and at least one web page 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 browser end is adapted to store webpage information downloaded by the webpage source and the font display program downloaded by the font server, the browser end Perform the following steps based on the web page information and 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 downloads at least one first sub-set font file according to the first address information to the font server, and the first sub-set font file is generated based on a common word statistical information, and the first subset is generated. The font file contains N common words belonging to the same font. Then, according to the word information, the font information, and the first sub-set font file are interpreted and a first interpretation result is generated, and the first interpretation result is presented on a webpage. After that, the font display program analyzes the word information and the font information to determine whether the first sub-set font file contains all the font information and font information corresponding to the webpage information, if not, the following paragraph A step of. First, 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 generates at least one corresponding to the font information according to the font information. The second sub-set font file, and at least generating the address information according to the webpage URL and the font information, and transmitting the address information to the browser end. After that, the font display program downloads the second sub-set font file according to the second address information. Then, the browser side interprets at least according to the code information, the font information, and the second sub-set font file, and generates a second interpretation result, and presents the second interpretation result on the webpage. In addition, the browser side is a smart phone, a tablet computer, a desktop computer, or a notebook computer equipped with a browser software.

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 browser end 120, and a font server 130. The webpage source 110, the browser end 120, and the font server 130 are connected by the internet. The networks 20 are in communication with each other. 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 browser terminal 120 is a desktop computer in this embodiment. The desktop computer includes a host 123 and a screen 124. In other embodiments, the browser end 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 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 browser end 120. 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 browser end 120 includes a connection information, at least one word information, and at least one font type information, wherein the connection information refers to connecting to the font server. 130 URL. 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, step S130 is implemented. As shown in FIG. 4B, after the browser end 120 is connected to the font server 130 according to the link information, the font display program is downloaded from the font server 130, and the font display part of the original program. The code is shown in the area circled in block 601 of Figure 6A. The font display program located at the browser end 120 will be based on the webpage URL (ie, the webpage URL shown in Figure 3: http://www.abc.com.tw/) and the font information (for example, there are two to pop1 and pop2). A set of fonts is generated to generate a first address information, as shown in block 611 of FIG. 6B. Then, in step S140, as shown in FIG. 4C, the browser end 120 downloads at least one first subset font file from the font server 130 according to the first addressing information. The first sub-set font file is generated based on a common word statistical file, and the first sub-set font file contains N common words belonging to the same font, that is, the first sub-set font file can be regarded as or It is called a common word sub-collection file. In the preferred embodiment, N is from 100 to 10,000. In more detail, if the webpage URL: http://www.abc.com.tw/ uses pop1 and pop2 two sets of fonts, it will download two fonts corresponding to pop1 and pop2 respectively from the font server 130. The first sub-set font file, and one of the first sub-set font files includes, for example, 1000 common words belonging to the pop1 font, and the other first sub-set font file includes, for example, 1500 characters belonging to the pop2 font. Common words. It should be noted that the first sub-set font file is stored in the original font database 134, and may also be generated by the original font database 134. Each of the first sub-set font files may be Corresponds to one of the font types. The above-mentioned common word statistics information is generated, for example, according to the frequency of use of at least one website, and the website may be an entrance website, a social website, a search website, a news website, a blog website, or at least two of them. combination. Alternatively, commonly used word statistics may also be investigated by an impartial third party's statistical data, such as the Ministry of Education, and this article does not impose any restrictions. In addition, in the above, the font display program is downloaded first, and the first sub-set font file is downloaded from the font server 130 by the font display program. However, if the address of the first sub-set font file is fixed, the font display program and the first sub-set font file may be simultaneously downloaded in step S130, so that the generation may be omitted. The procedure of the site information. Then, in step S150, the host 123 of the browser end 120 interprets the first subset font file to generate a first interpretation result, and the first interpretation result is presented on the webpage of the browser terminal 120. In detail, the browser 120 may cause the font (partial or full) of the font on the webpage to present a font corresponding to the first subset font file according to the first subset font file. Then, in step S160 and step S170, the font display program of the browser end 120 analyzes the word information and the font information in the webpage to determine whether the first sub-set font file contains all the word information corresponding to the webpage information. If yes, proceed to step S180, the browser end 120 continues to display the first interpretation result described above; if not, the following steps are performed. As shown in step S190 and FIG. 4D, the font display program of the browser end 120 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, 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 browser terminal 120, and generates a first according to the webpage URL and the font information. The second addressing information is as shown in block 612 of Figure 6B. Thereafter, step S220 is implemented. Referring to FIG. 4E at the same time, the font server 130 transmits the second address information to the font display program of the browser terminal 120. Then, step S230 is implemented. Referring to FIG. 4F at the same time, the font display program of the browser end 120 downloads the second subset font file to the font server 130 according to the second addressing information. Then, in step S240, the host 123 of the browser end 120 interprets the second subset font file and generates a second interpretation result, and presents the second interpretation result on the web page 30. 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, thereby shortening the processing and transfer time, thereby allowing the browser to The viewer of the end 120 enjoys a variety of fonts without much waiting time. In summary, in the present invention, the browser end 120 first downloads the program of the first sub-set font file and displays the first interpretation result, and then the font display program of the browser terminal 120 analyzes the word information in the webpage. And the font information to determine whether the first sub-set font file contains all the word information corresponding to the webpage information. That is to say, before the analysis of the font display program, the browser terminal 120 displays the first interpretation result, and the method disclosed in the present invention can reduce the user of the browser terminal 120 compared to the analysis and display. Waiting time. Moreover, even if the first sub-set font file is not the desired sub-set font file, the font server 130 generates the correct second subset word according to the word information and the font information uploaded by the browser 120. Profile. 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 from the browser terminal 120 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 position of the font image with the code index value 18432, and obtain the content of the font image. The other words "Shang", "Special", and "Zone" can be obtained in the same way. The content of the font image is not described here. 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.

20‧‧‧Internet
30‧‧‧Webpage
32‧‧‧Drawdown menu area
100‧‧‧ system
110‧‧‧Web Source
112‧‧‧Servo host
120‧‧‧ browser side
123‧‧‧Host
124‧‧‧ screen
130‧‧‧ font server
132‧‧‧ font generation module
134‧‧‧ original font database
S110~S190, S210~S240, S310~S350‧‧‧ flowchart steps

1 is a schematic diagram of an embodiment of a system of the present invention. FIG. 2A and FIG. 2B are flowcharts 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 information delivery relationships between a webpage source, a browser, and 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 the first addressing information and the second addressing information.

20‧‧‧Internet

100‧‧‧ system

110‧‧‧Web Source

112‧‧‧Servo host

120‧‧‧ browser side

123‧‧‧Host

124‧‧‧ screen

130‧‧‧ font server

132‧‧‧ font generation module

134‧‧‧ original font database

Claims (10)

A method for displaying a font on a webpage, comprising: downloading at least one webpage information from a webpage source corresponding to a webpage URL to a browser end, the webpage information comprising a connection information, at least one wordcode information, and at least one font type The browser downloads a font display program from the 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 The display program downloads, according to the first addressing information, the at least one first subset font file to the font server, wherein the first subset font file is generated based on a common word statistical information, the first child The set font file includes N common words belonging to the same font; the browser end interprets the code information according to the word information, the font information, and the first sub-set font file to generate a first interpretation result. And presenting the first interpretation result on a webpage; the font display program analyzes the word information and the font information to determine whether the first sub-set font file contains a corresponding To all the word information in the webpage information, if not included, perform the following steps; the font display program transmits the webpage URL, the code information, and the font information to the font server, the font The server includes a font generation module; the font generation module generates at least one corresponding second subset font file according to the word information and the font information, and generates at least the webpage address and the font information. a second address information; transmitting the second address information to the font display program of the browser; the font display program of the browser side downloads the second subset font file according to the second address information; The browser end interprets the code according to the word information, the font information, and the second subset font file to generate a second interpretation result, and presents the second interpretation result on the webpage. A method for displaying a font on a webpage, comprising: downloading at least one webpage information from a webpage source corresponding to a webpage URL to a browser end, the webpage information comprising a connection information, at least one wordcode information, and at least one font type The browser downloads a font display program and at least a first subset font file from the font server according to the connection information, wherein the first subset font file is based on a common word statistics. Generating, the first sub-set font file includes N common words belonging to the same font; the browser end interprets according to the word information, the font information, and the first sub-set font file to generate a First interpreting the result, and presenting the first interpretation result on a webpage; the font display program analyzing the word information and the font information to determine whether the first sub-set font file contains the corresponding All the word information in the webpage information, if not included, the following steps; the font display program transmits the webpage URL, the code information, and the font information to the font a server, the font server includes a font generation module; the font generation module generates at least one corresponding second subset font file according to the word information and the font information, and at least according to the webpage URL Generating a second address information with the font information; transmitting the second address information to the font display program of the browser; the font display program of the browser side downloads the second subset according to the second address information a font file; and the browser end interprets at least the word information, the font information, and the second subset font file to generate a second interpretation result, and presents the second interpretation result On this page. The method for generating a font on a webpage according to the first or second aspect of the patent application, wherein the common word statistical information is generated according to a third-party statistical data or a frequency of use of at least one website, and the website is an entrance. A website, a social networking site, a search site, a news site, a blog site, or a combination of at least two. For example, in the first or second application of the patent scope, a method for generating a font on a webpage, where N is 100 to 10000. A font server, the communication is connected to a browser end, the browser end 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 browser end is configured according to the Connected to the font server, the font server includes: a font display program, the font server is adapted to transmit the font display program to the browser according to the request of the browser; And a font generation module, the font generation module is adapted to generate at least one sub-set font file, and the font server further includes at least a first subset font file, wherein the first subset word The type file is generated based on a common word statistical file, and the first sub-set font file contains N common words belonging to the same font; wherein, at the browser end, according to the word information, the font information, and Decoding the first sub-set font file and generating a first interpretation result, and presenting the first interpretation result on a webpage, the font display program analyzing the word information and the font information Determining whether the first sub-set font file contains all the word information corresponding to the webpage information, and if not, performing the following steps: the font display program, the webpage URL, the code information, and the The font information is transmitted to the font server; the font generation module generates at least one corresponding second subset font file according to the word information and the font information, and at least according to the webpage URL and the font information. Generating a second address information; transmitting the second address information to the font display program of the browser; the font display program of the browser side downloads the second subset font file according to the second address information; The browser end interprets the code according to the word information, the font information, and the second subset font file to generate a second interpretation result, and presents the second interpretation result on the webpage. For example, the font server of claim 5, wherein the common word statistics are generated according to a third party statistic or at least one website text frequency, the website is an entrance website, a social website, and a Search for a website, a news website, a blog website, or a combination of at least two. For example, the font server of the fifth application patent scope, wherein N is 100~10000. A browser end adapted to be communicatively coupled to a font server and 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 one font type information, The font server includes 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 browser end is adapted to be stored and downloaded by the web source. The webpage information and the font display program downloaded by the font server, the browser performs the following steps according to the webpage information and the font display program: downloading one from a font server according to the connection information a font display program; the font display program generates at least one first address information according to the webpage URL and the font information; the font display program downloads at least one of the font server according to the first address information a first sub-set font file, the first sub-set font file is generated based on a common word statistics file, and the first sub-set font file includes N common fonts belonging to the same font a word; according to the word information, the font information, interpreting with the first subset font file and generating a first interpretation result, and presenting the first interpretation result on a webpage; the font The display program analyzes the code information and the font information to determine whether the first sub-set font file contains all of the word information and the font information corresponding to the webpage information, and if not, the next The step of displaying; the font display program transmits the webpage URL, the code information, and the font information to the font server, wherein the font generation module of the font server is based on the font information and the font information The font information generates at least one corresponding second subset font file, and generates at least a second address information according to the webpage URL and the font information, and transmits the address information to the browser end; the font display program Downloading the second subset font file according to the second addressing information; and interpreting based on the word information, the font information, and the second subset font file to generate a second interpretation Fruit, and the second interpretation results are presented on the page. A browser end adapted to be communicatively coupled to a font server and 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 one font type information, The font server includes 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 browser end is adapted to be stored and downloaded by the web source. The webpage information and the font display program downloaded by the font server, the browser performs the following steps according to the webpage information and the font display program: downloading one from a font server according to the connection information The font display program and the at least one first sub-set font file are generated based on a common word font file, where the first sub-set font file includes N common fonts belonging to the same font type. Decoding according to the word information, the font information, and the first sub-set font file, and generating a first interpretation result, and presenting the first interpretation result on a webpage; The font display program analyzes the word information and the font information to determine whether the first sub-set font file contains all the word information and the font information corresponding to the webpage information, if not And performing the following steps; the font display program transmits the webpage URL, the code information, and the font information to the font server, wherein the font generation module of the font server is based on the font code The information and the font information generate at least one corresponding second subset font file, and generate at least a second addressing information according to the webpage URL and the font information, and transmit the addressing information to the browser; the word The type display program downloads the second subset font file according to the second address information; and at least according to the word information, the font information, interpreting with the second subset font file, and generating a second interpretation As a result, the second interpretation result is presented on the web page. For example, in the browser side of claim 8 or 9, wherein the browser side is a smart phone, a tablet computer, a desktop computer, or a notebook computer with browser software installed.