[go: up one dir, main page]

CN102467515A - System for generating webpage totem by totem server - Google Patents

System for generating webpage totem by totem server Download PDF

Info

Publication number
CN102467515A
CN102467515A CN2010105363376A CN201010536337A CN102467515A CN 102467515 A CN102467515 A CN 102467515A CN 2010105363376 A CN2010105363376 A CN 2010105363376A CN 201010536337 A CN201010536337 A CN 201010536337A CN 102467515 A CN102467515 A CN 102467515A
Authority
CN
China
Prior art keywords
font
information
totem
character code
webpage
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN2010105363376A
Other languages
Chinese (zh)
Inventor
叶俊麟
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Asia Pacific Gamer Co ltd
Original Assignee
Asia Pacific Gamer Co ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Asia Pacific Gamer Co ltd filed Critical Asia Pacific Gamer Co ltd
Priority to CN2010105363376A priority Critical patent/CN102467515A/en
Publication of CN102467515A publication Critical patent/CN102467515A/en
Pending legal-status Critical Current

Links

Images

Landscapes

  • Information Transfer Between Computers (AREA)

Abstract

The invention relates to a system for generating a webpage totem by a totem server, wherein the system for generating the webpage totem comprises: a web server; a browser; and a font generation module. The web server has web pages of connection information. The browser downloads the totem display program according to the connection information to make the totem display program download the character and figure file corresponding table and search the character code information and the font information in the web page, when finding the character code information which is the same as the character code of the character and figure file corresponding table, the character code information is changed into a totem file connection address, and the character code information and the font information are transmitted to the totem server. The font generation module generates a subset font file and the addressing information thereof according to the obtained information. The totem display program adds the addressing information to the web page to download the subset font file and the drawing file accordingly, and the browser interprets and presents the font file and the drawing file on the web page.

Description

借由图腾服务器产生网页图腾的系统A system for generating web page totems by means of a totem server

技术领域 technical field

本发明涉及一种网页图腾显示技术,特别是涉及一种提供使用者浏览器端无需安装字型或图档,即可正确浏览网页图腾的系统。The invention relates to a web page totem display technology, in particular to a system that provides users with the ability to correctly browse web page totems without installing fonts or graphic files.

背景技术 Background technique

超文件标示语言(HyperText Markup Language,HTML)是为“网页建立和其它可在网页浏览器中看到的资讯”设计的一种标示语言。HTML被用来结构化资讯,例如标题、段落、列表、字码以及显示的字型、颜色等等,也可用来在一定程度上描述文档的外观和语意。HyperText Markup Language (HTML) is a markup language designed for "web page creation and other information that can be viewed in a web browser". HTML is used to structure information, such as titles, paragraphs, lists, codes, and displayed fonts, colors, etc., and can also be used to describe the appearance and semantics of documents to a certain extent.

由于HTML可标示许多结构上的资讯,因此运用HTML的标示语言来浏览各式各样的文件也变的越来越方便及容易。为使社会大众浏览的文件内容能够更丰富性及多元性,现今大多数的使用者浏览器端均有安装不同字型的字体,以方便在浏览器上显现各种字型的文字。这样的处理方式,或许对一般使用者而言,已经可满足其需求,但在新世代多媒体内容越来越丰富的发展趋势下,普通文字的显示方式已无法满足新世代创意上的需求。Since HTML can mark a lot of structural information, it becomes more and more convenient and easy to use HTML markup language to browse various files. In order to make the content of documents browsed by the public richer and more diverse, most of the user browsers today have fonts of different fonts installed to facilitate the display of text in various fonts on the browser. Such a processing method may already meet the needs of ordinary users, but under the development trend of more and more rich multimedia content in the new generation, the display method of ordinary text can no longer meet the creative needs of the new generation.

为因应此一趋势,已有业者开始提供根据网页需求通过网络下载不同的字型档案,并使得在使用者浏览器端无需安装字型的情况下,即可正确浏览到多样化字型且未安装字型的网页。但由于亚洲文字字型档案通常很大,并且包含的字数众多,如果使用者于浏览时一次下载全部的字型,将会耗费许多等待的时间。In response to this trend, some operators have begun to provide downloading of different font files through the Internet according to webpage requirements, and enable users to browse various fonts correctly without installing fonts on the browser side. The page where the font is installed. However, because Asian font files are usually very large and contain a large number of characters, if the user downloads all the fonts at one time when browsing, it will consume a lot of waiting time.

目前有效的解决方式是将网页中有使用到的字型生成新的字型档案放在网页服务器端,再由网页服务器端分析网页的HTML内容后,依照HTML内容产生对应的字型档案,但是在多人浏览网页时,却会增加网页服务器运作的负荷并影响网页服务器的效能。The current effective solution is to generate a new font file from the font used in the webpage and put it on the webpage server, and then analyze the HTML content of the webpage by the webpage server, and generate a corresponding font file according to the HTML content, but When multiple people browse the webpage, it will increase the operating load of the webpage server and affect the performance of the webpage server.

图1是现有习知的一种浏览中文网页的系统架构图。如图1所示,其为中国台湾专利公开号第200717257号所揭露的网页字型服务器系统10的架构图。其中,网页字型服务器12连结到网页服务器14,用以接收网页服务器14里的网页文件,并将它们建造成网页字型文件,再将建好的网页字型文件传回网页服务器14里以取代原网页文件。FIG. 1 is a conventional system architecture diagram for browsing Chinese web pages. As shown in FIG. 1 , it is a structure diagram of a webpage font server system 10 disclosed in Taiwan Patent Publication No. 200717257. Wherein, the webpage font server 12 is connected to the webpage server 14, in order to receive the webpage files in the webpage server 14, and they are constructed into webpage font files, and then the webpage font files built are sent back to the webpage server 14 for further processing. Replace the original web page file.

当电脑使用端配备有网页字型的浏览器软体16,浏览器软体16就可以解译网页字型文件,并将解译后的网页字型文件显示在荧幕上以示出原貌的网页文件。此种处理方式,需由网页服务器端分析网页的HTML内容,且网页服务器必须连接字型服务器以协助其建造网页字型文件,而导致建置复杂与成本的增加。When the computer user end is equipped with browser software 16 of webpage font, browser software 16 just can interpret webpage font file, and the webpage font file after interpreting is displayed on the screen to show the webpage file of original appearance . In this processing method, the webpage server needs to analyze the HTML content of the webpage, and the webpage server must connect to the font server to assist it in building the font file of the webpage, which leads to complex construction and increased cost.

因此,在面对多媒体时代的来临,为使网页上的内容更具吸引力、更引人入胜,在网页上加入多样化的多媒体及美观动人的字体及图形已成为一种潮流,而如何让使用者在体验丰富的网页内容时,不需安装全部字型档案与图档,也不需下载大量的字型档案与图档,并且又能兼顾营运厂商的建置成本的前提下,达到浏览生动网页内容的效果,实为目前亟需解决的课题。Therefore, in the face of the advent of the multimedia era, in order to make the content on the webpage more attractive and fascinating, it has become a trend to add diversified multimedia and beautiful and moving fonts and graphics on the webpage. When experiencing rich web content, there is no need to install all font files and image files, nor to download a large number of font files and image files, and to achieve vivid web browsing under the premise of taking into account the construction costs of operators. The effect of content is an urgent issue that needs to be solved at present.

由此可见,上述现有技术在结构与使用上,显然仍存在有不便与缺陷,而亟待加以进一步改进。为了解决上述存在的问题,相关厂商莫不费尽心思来谋求解决之道,但长久以来一直未见适用的设计被发展完成,而一般产品又没有适切结构能够解决上述问题,此显然是相关业者急欲解决的问题。因此如何能创设一种新型结构的借由图腾服务器产生网页图腾的系统,实属当前重要研发课题之一,亦成为当前业界极需改进的目标。This shows that above-mentioned prior art obviously still has inconvenience and defect in structure and use, and urgently needs to be further improved. In order to solve the above-mentioned problems, the relevant manufacturers have tried their best to find a solution, but no suitable design has been developed for a long time, and the general products do not have a suitable structure to solve the above-mentioned problems. This is obviously the relevant industry. urgent problem to be solved. Therefore, how to create a new structure system for generating webpage totems by means of totem servers is one of the current important research and development topics, and has also become a goal that the industry needs to improve.

发明内容 Contents of the invention

本发明的主要目的在于,克服现有技术存在的缺陷,而提供一种新型结构的借由图腾服务器产生网页图腾的系统,所要解决的技术问题是使其借由下载图腾服务器生成的子集合字型档案及下载文字图档对应表,在使用者浏览器端不安装字型档案的情况下,即可让使用者于网页中浏览非系统字型文字及/或图档,具有增进使用者体验网页丰富内容的功效,非常适于实用。The main purpose of the present invention is to overcome the defects of the prior art, and provide a new structure system for generating webpage totems by means of totem servers. The corresponding table of font files and downloaded text and image files can allow users to browse non-system font text and/or image files on the webpage without installing font files on the user's browser, which can improve user experience The function of rich content of web pages is very suitable for practical use.

本发明的另一目的在于,提供一种新型结构的借由图腾服务器产生网页图腾的系统,所要解决的技术问题是使其通过下载的图腾显示程序解译自图腾服务器下载的子集合字型档案及/或图档,而不需由网页服务器进行解译,进而可降低网页服务器运作的负荷,从而更加适于实用。Another object of the present invention is to provide a new type of system for generating web page totems by means of totem servers. The technical problem to be solved is to make it interpret the sub-set font files downloaded from the totem server through the downloaded totem display program. And/or graphic files, without being interpreted by the web server, which can reduce the load on the web server and make it more suitable for practical use.

本发明的再一目的在于,提供一种新型结构的借由图腾服务器产生网页图腾的系统,所要解决的技术问题是图腾服务器不需直接连接网页服务器,而可建置于与网络连线的任何地方,因此可有效降低建置成本,从而更加适于实用。Another object of the present invention is to provide a new structure system for generating webpage totem by means of a totem server. The technical problem to be solved is that the totem server does not need to be directly connected to the webpage server, but can be built in any network connection place, so it can effectively reduce the construction cost, so it is more suitable for practical use.

本发明的目的及解决其技术问题是采用以下技术方案来实现的。依据本发明提出的一种借由图腾服务器产生网页图腾的系统,其包括:一网页服务器,内设有一网页,其中该网页至少包含一连结资讯、至少一字码资讯以及至少一字型资讯;一浏览器,设于一使用者浏览器端,该使用者浏览器端用以根据该连结资讯从该图腾服务器下载一图腾显示程序及下载一文字图档对应表,该文字图档对应表至少包括一字码与一图档的对应关系,又寻找该网页的该字码资讯及该字型资讯,若找到的该字码资讯与该文字图档对应表的一该字码相同,则将该字码资讯变更为一图档连结位址,并将该字码资讯及该字型资讯传送至该图腾服务器;以及一字型产生模块,设于该图腾服务器中,用以依据该字码资讯及该字型资讯生成至少一子集合字型档案及其定址资讯,又传送该定址资讯至该图腾显示程序;其中该图腾显示程序将该定址资讯加入该网页中,又该使用者浏览器端根据该包含定址资讯的网页,下载该子集合字型档案及根据该图档连结位址下载该图档,并且由该浏览器对该子集合字型档案及该图档进行解译,以呈现该子集合字型档案的字型及该图档于该浏览器的网页上。The purpose of the present invention and the solution to its technical problems are achieved by adopting the following technical solutions. A system for generating a webpage totem by means of a totem server according to the present invention includes: a webpage server with a webpage inside, wherein the webpage includes at least one link information, at least one character code information and at least one font information; A browser, installed on a user browser end, the user browser end is used to download a totem display program from the totem server according to the link information and download a text-image-file correspondence table, the text-image-file correspondence table at least includes The corresponding relationship between a character code and a picture file, and the character code information and the font information of the web page are searched. If the found character code information is the same as the character code in the character picture file correspondence table, then the changing the character code information into an image file link address, and sending the character code information and the font information to the totem server; and the font information to generate at least one sub-set font file and its addressing information, and send the addressing information to the totem display program; wherein the totem display program adds the addressing information to the webpage, and the user browser end According to the webpage containing addressing information, download the font file of the subset and download the image file according to the link address of the image file, and interpret the font file of the subset and the image file by the browser to present The font of the subset font file and the image file are on the webpage of the browser.

本发明的目的及解决其技术问题还可采用以下技术措施进一步实现。The purpose of the present invention and its technical problems can also be further realized by adopting the following technical measures.

前述的借由图腾服务器产生网页图腾的系统,其中所述的连结资讯包括script程序码或active X程序码。In the aforementioned system for generating web page totems by means of a totem server, the link information includes script code or active X code.

前述的借由图腾服务器产生网页图腾的系统,其中该文字图档对应表依一字串长度进行排序,且以该字串长度较长的优先取代。In the aforementioned system for generating web page totems by means of a totem server, the text-image-file correspondence table is sorted according to the length of a string, and the one with the longer string length is preferentially replaced.

前述的借由图腾服务器产生网页图腾的系统,其中该文字图档对应表的格式包含HTML、XML或json格式。In the aforementioned system for generating web page totems by means of a totem server, the format of the text-image-file correspondence table includes HTML, XML or json format.

前述的借由图腾服务器产生网页图腾的系统,其中该子集合字型档案是由该图腾服务器中一原始字型数据生成的。In the aforementioned system for generating web page totems by means of a totem server, the subset font file is generated from an original font data in the totem server.

前述的借由图腾服务器产生网页图腾的系统,其中该字型产生模块包括:一资讯接收判断单元,其接收到来自该使用者浏览器端所传送的该字码资讯与该字型资讯;一字型确认单元,其是从该原始字型数据中寻找符合该字型资讯要求的字型;一索引表产生单元,根据所接收到的该字型对应的至少一该字码资讯比对该原始字型数据,以取得至少一该字码资讯中其每一该字码的索引值,又取得每一该字码所对应的一字型图像位置,又根据该字型图像位置取得一字型图像,并产生该字码资讯与该字型图像间的索引表;以及一字型档案生成单元,其产生该原始字型数据的至少一该子集合字型档案,又将该子集合字型档案的该定址资讯转换成该图腾显示程序可识别的格式。In the aforementioned system for generating web page totems by means of a totem server, the font generation module includes: an information receiving judging unit, which receives the character code information and the font information sent from the user's browser; A font confirmation unit, which searches for a font that meets the font information requirements from the original font data; an index table generation unit, compares at least one of the font information corresponding to the received font Original font data, to obtain at least one index value of each character in the character information, obtain a font image position corresponding to each character code, and obtain a character according to the font image position font image, and generate an index table between the character code information and the font image; and a font file generating unit, which generates at least one subset font file of the original font data, and the subset font file The address information of the type file is converted into a format recognizable by the totem display program.

前述的借由图腾服务器产生网页图腾的系统,其中该定址资讯包括该子集合字型档案的网络位址及该子集合字型档案的字型名称。In the aforementioned system for generating web page totems by means of a totem server, the address information includes the network address of the sub-set font file and the font name of the sub-set font file.

本发明的目的及解决其技术问题还采用以下技术方案来实现。依据本发明提出的一种借由图腾服务器产生网页文字字型的系统,其包括:一网页服务器,内设有一网页,其中该网页至少包含一连结资讯、至少一字码资讯以及至少一字型资讯;一浏览器,设于一使用者浏览器端,该使用者浏览器端用以根据该连结资讯从该图腾服务器下载一图腾显示程序,又寻找该网页的该字码资讯及该字型资讯,及将该字码资讯及该字型资讯传送至该图腾服务器;以及一字型产生模块,设于该图腾服务器中,用以依据该字码资讯及该字型资讯生成至少一子集合字型档案及其定址资讯,又传送该定址资讯至该图腾显示程序;其中该图腾显示程序将该定址资讯加入该网页中,又该使用者浏览器端根据该包含定址资讯的网页,下载该子集合字型档案,并且由该浏览器对该子集合字型档案进行解译,以呈现该子集合字型档案的字型于该浏览器的网页上。The purpose of the present invention and the solution to its technical problem also adopt the following technical solutions to achieve. According to the present invention, a system for generating webpage text fonts by means of a totem server includes: a webpage server with a webpage inside, wherein the webpage includes at least one link information, at least one character code information and at least one font Information; a browser, installed on a user browser end, the user browser end is used to download a totem display program from the totem server according to the link information, and to find the character code information and the font of the web page information, and send the character code information and the font information to the totem server; and a font generation module, set in the totem server, to generate at least one subset according to the character code information and the font information The font file and its addressing information, and send the addressing information to the totem display program; wherein the totem display program adds the addressing information to the webpage, and the user browser downloads the addressing information according to the webpage containing the addressing information The sub-set font file, and the browser interprets the sub-set font file to present the font of the sub-set font file on the webpage of the browser.

本发明的目的及解决其技术问题还可采用以下技术措施进一步实现。The purpose of the present invention and its technical problems can also be further realized by adopting the following technical measures.

前述的借由图腾服务器产生网页文字字型的系统,其中该连结资讯包括script程序码或active X程序码。In the aforementioned system for generating webpage text fonts by means of a totem server, the link information includes script code or active X code.

前述的借由图腾服务器产生网页文字字型的系统,其中该子集合字型档案是由该图腾服务器中一原始字型数据生成的。In the aforementioned system for generating webpage text fonts by means of a totem server, the subset font file is generated from an original font data in the totem server.

前述的借由图腾服务器产生网页文字字型的系统,其中该字型产生模块包括:一资讯接收判断单元,其接收到来自该使用者浏览器端所传送的该字码资讯与该字型资讯;一字型确认单元,其是从该原始字型数据中寻找符合该字型资讯要求的字型;一索引表产生单元,根据所接收到的该字型对应的至少一该字码资讯比对该原始字型数据,以取得至少一该字码资讯中其每一该字码的索引值,又取得每一该字码所对应的一字型图像位置,又根据该字型图像位置取得一字型图像,并产生该字码资讯与该字型图像间的索引表;以及一字型档案生成单元,其产生该原始字型数据的至少一该子集合字型档案,又将该子集合字型档案的该定址资讯转换成该图腾显示程序可识别的格式。The above-mentioned system for generating webpage text fonts by means of a totem server, wherein the font generation module includes: an information receiving judging unit, which receives the character code information and the font information sent from the user's browser ; a font confirmation unit, which searches for a font that meets the font information requirements from the original font data; an index table generation unit, which compares at least one of the font information corresponding to the received font For the original font data, obtain at least one index value of each character code in the character code information, and obtain a font image position corresponding to each character code, and obtain according to the font image position a font image, and generate an index table between the font information and the font image; and a font file generation unit, which generates at least one subset font file of the original font data, and the subset The addressing information of the set font file is converted into a format recognizable by the totem display program.

前述的借由图腾服务器产生网页文字字型的系统,其中该定址资讯包括该子集合字型档案的网络位址及该子集合字型档案的字型名称。In the above-mentioned system for generating webpage text fonts by means of a totem server, the address information includes the network address of the subset font file and the font name of the subset font file.

本发明的目的及解决其技术问题另外再采用以下技术方案来实现。依据本发明提出的一种借由图腾服务器产生网页图档的系统,其包括:一网页服务器,内设有一网页,其中该网页至少包含一连结资讯、至少一字码资讯以及至少一字型资讯;一图腾显示程序,设于该图腾服务器,一使用者浏览器端根据该连结资讯从该图腾服务器下载该图腾显示程序;以及一浏览器,设于该使用者浏览器端,用以显示根据该图腾显示程序的运作机制所下载的图档;其中该图腾显示程序的运作机制包括:自该图腾服务器下载一文字图档对应表,该文字图档对应表至少包括一字码与一图档的对应关系,又令该图腾显示程序寻找该网页的该字码资讯及该字型资讯,若找到的该字码资讯与该文字图档对应表的一该字码相同,则将该字码资讯变更为一图档连结位址,又其中该使用者浏览器端根据该图档连结位址下载该图档,并且由该浏览器对该图档进行解译,以呈现该图档于该浏览器的网页上。The purpose of the present invention and its technical problems are solved by adopting the following technical solutions in addition. According to the present invention, a system for generating graphic files of webpages through a totem server includes: a webpage server with a webpage inside, wherein the webpage contains at least one link information, at least one character code information and at least one font information ; a totem display program, set on the totem server, a user browser downloads the totem display program from the totem server according to the link information; and a browser, set on the user browser, for displaying the The image file downloaded by the operation mechanism of the totem display program; wherein the operation mechanism of the totem display program includes: downloading a text image file correspondence table from the totem server, the text image file correspondence table at least includes a character code and an image file Corresponding relationship, and make the totem display program search for the character code information and the font information of the webpage, if the character code information found is the same as the character code in the text image file correspondence table, then the character code information Change to a picture file link address, and wherein the user browser downloads the picture file according to the picture file link address, and the browser interprets the picture file to present the picture file in the browser on the server's web page.

本发明的目的及解决其技术问题还可采用以下技术措施进一步实现。The purpose of the present invention and its technical problems can also be further realized by adopting the following technical measures.

前述的借由图腾服务器产生网页图档的系统,其中该连结资讯包括script程序码或active X程序码。In the aforementioned system for generating web page image files by means of a totem server, the link information includes script code or active X code.

前述的借由图腾服务器产生网页图档的系统,其中该文字图档对应表是依一字串长度进行排序,且以该字串长度较长的优先取代。In the above-mentioned system for generating web page image files by means of a totem server, the text image file correspondence table is sorted according to the length of a string, and the longer string length is preferred for replacement.

前述的借由图腾服务器产生网页图档的系统,其中该文字图档对应表的格式包含HTML、XML或json格式。In the aforementioned system for generating webpage image files by means of a totem server, the format of the text image file correspondence table includes HTML, XML or json format.

本发明与现有技术相比具有明显的优点和有益效果。借由上述技术方案,本发明至少具有下列优点及有益效果:Compared with the prior art, the present invention has obvious advantages and beneficial effects. By virtue of the above technical solutions, the present invention has at least the following advantages and beneficial effects:

1.本发明通过下载图腾服务器生成的子集合字型档案及/或图档,在使用者浏览器端不安装字型档案及/或图档的情况下,即可让使用者于网页中浏览非系统字型文字及/或图档,以增进使用者体验网页丰富内容的功效。1. The present invention downloads the sub-set font files and/or image files generated by the totem server, and allows the user to browse in the webpage without installing the font files and/or image files on the user's browser Non-system font text and/or graphic files to enhance the user experience of the rich content of the webpage.

2.通过下载的图腾显示程序解译自图腾服务器下载的子集合字型档案及/或图档,而不需由网页服务器进行解译,进而可降低网页服务器运作的负荷。2. The downloaded totem display program interprets the sub-set font files and/or image files downloaded from the totem server without being interpreted by the web server, thereby reducing the operating load of the web server.

3.由于图腾服务器不需直接与网页服务器连接,并且可建置于与网络连线的任何地方,因此可有效降低建置成本。3. Since the totem server does not need to be directly connected to the web server, and can be installed anywhere connected to the network, the construction cost can be effectively reduced.

综上所述,本发明一种借由图腾服务器产生网页图腾的系统,借由下载图腾服务器生成的子集合字型档案及下载文字图档对应表,在使用者浏览器端不安装字型档案的情况下,即可让使用者于网页中浏览非系统字型文字及/或图档。本发明在技术上有显著的进步,并具有明显的积极效果,诚为一新颖、进步、实用的新设计。In summary, the present invention is a system for generating web page totems by means of a totem server, by downloading the sub-set font files generated by the totem server and downloading the corresponding table of text and image files, no font files are installed on the user's browser In the case of , users can browse non-system font text and/or image files on the webpage. The present invention has significant progress in technology, and has obvious positive effects, and is a novel, progressive and practical new design.

上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其他目的、特征和优点能够更明显易懂,以下特举较佳实施例,并配合附图,详细说明如下。The above description is only an overview of the technical solution of the present invention. In order to better understand the technical means of the present invention, it can be implemented according to the contents of the description, and in order to make the above and other purposes, features and advantages of the present invention more obvious and understandable , the following preferred embodiments are specifically cited below, and are described in detail as follows in conjunction with the accompanying drawings.

附图说明 Description of drawings

图1是现有习知的一种浏览中文网页的系统架构图。FIG. 1 is a conventional system architecture diagram for browsing Chinese web pages.

图2是本发明实施例的一种借由图腾服务器产生网页图腾方法的流程示意图。FIG. 2 is a schematic flowchart of a method for generating a web page totem by using a totem server according to an embodiment of the present invention.

图3是本发明实施例的一种图腾服务器的字型产生模块生成子集合字型档案的流程示意图。Fig. 3 is a schematic flow diagram of a font generation module of a totem server in an embodiment of the present invention to generate a sub-set font file.

图4为本发明实施例的一种在使用者浏览器端呈现网页图腾的页面范例。FIG. 4 is an example of a webpage displaying a webpage totem on a user's browser according to an embodiment of the present invention.

图5为本发明实施例的一种借由图腾服务器产生网页文字字型方法的流程示意图。FIG. 5 is a schematic flowchart of a method for generating webpage text fonts by using a totem server according to an embodiment of the present invention.

图6为本发明实施例的一种在使用者浏览器端呈现网页文字字型的页面范例。FIG. 6 is an example of a page displaying webpage text fonts on the user's browser end according to an embodiment of the present invention.

图7为本发明实施例的一种借由图腾服务器产生网页图档方法的流程示意图。FIG. 7 is a schematic flowchart of a method for generating a webpage image file by using a totem server according to an embodiment of the present invention.

图8为本发明实施例的一种在使用者浏览器端呈现网页图档的页面范例。FIG. 8 is an example of a webpage displaying a webpage graphic file on a user browser according to an embodiment of the present invention.

图9为本发明实施例的一种基本网络架构示意图。FIG. 9 is a schematic diagram of a basic network architecture of an embodiment of the present invention.

图10为本发明实施例的一种借由图腾服务器产生网页图腾的系统的示意图。FIG. 10 is a schematic diagram of a system for generating a webpage totem by a totem server according to an embodiment of the present invention.

图11为本发明一实施例的一种借由图腾服务器产生网页文字字型的系统的示意图。FIG. 11 is a schematic diagram of a system for generating webpage text fonts by a totem server according to an embodiment of the present invention.

图12为本发明一实施例的一种借由图腾服务器产生网页图档的系统的示意图。FIG. 12 is a schematic diagram of a system for generating web page images by using a totem server according to an embodiment of the present invention.

10:网页字型服务器系统        12:网页字型服务器10: Web font server system 12: Web font server

14:网页服务器14: Web server

401-410:图腾显示程序的部分程序码401-410: Part of the program code of the totem display program

411-425:字型产生模块的部分程序码411-425: Part of the program code of the font generation module

51:网页原始码                511:连结资讯51: Web page source code 511: Link information

512:字型资讯                 513:图档连结位址512: Font information 513: Image file link address

514:图档连结位址             52:浏览器514: Image file link address 52: Browser

521:子集合字型档案的字型     522:心型图档521: The font of the subset font file 522: The heart image file

523:地球球体图档             71:网页原始码523: Earth sphere image file 71: Web page source code

711:连结资讯                 712:字型资讯711: Link information 712: Font information

713:字码资讯                 72:浏览器713: Code information 72: Browser

721:子集合字型档案的字型     91:网页原始码721: Subset font file font 91: Web page source code

911:连结资讯                 912:图档连结位址911: Link information 912: Image file link address

913:图档连结位址             92:浏览器913: Image file link address 92: Browser

921:心型图档921: Heart Shape File

922:地球球体图档922: Earth Sphere Map File

1000:借由图腾服务器产生图腾的系统1000: A system that generates totems through the totem server

101:网页服务器               102:使用者浏览器端101: Web server 102: User browser

1021:浏览器                  103:图腾服务器1021: Browser 103: Totem server

111:网页服务器               1111:网页111: Web server 1111: Web page

11111:连结资讯               11112:字码资讯11111: link information 11112: character code information

11113:字型资讯               112:使用者浏览器端11113: Font information 112: User browser

1121:浏览器                  1122:图腾显示程序1121: Browser 1122: Totem display program

1123:文字图档对应表           113:图腾服务器1123: Correspondence table of text and image files 113: Totem server

1131:字型产生模块             11311:资讯接收判断单元1131: Font generation module 11311: Information receiving judgment unit

11312:字型确认单元            11313:索引表产生单元11312: Font confirmation unit 11313: Index table generation unit

11314:字型档案生成单元        121:网页服务器11314: font file generation unit 121: web server

1211:网页                     12111:连结资讯1211: Web page 12111: Link information

12112:字码资讯                12113:字型资讯12112: Character code information 12113: Font information

122:使用者浏览器端            1221:浏览器122: User browser side 1221: Browser

1222:图腾显示程序             123:图腾服务器1222: Totem display program 123: Totem server

1231:字型产生模块             12311:资讯接收判断单元1231: Font generation module 12311: Information receiving judgment unit

12312:字型确认单元            12313:索引表产生单元12312: Font confirmation unit 12313: Index table generation unit

12314:字型档案生成单元        131:网页服务器12314: font file generation unit 131: web server

1311:网页                     13111:连结资讯1311: Website 13111: Link information

13112:字码资讯                13113:字型资讯13112: Character code information 13113: Font information

132:使用者浏览器端            1321:浏览器132: User browser side 1321: Browser

1322:图腾显示程序             1323:文字图档对应表1322: Totem display program 1323: Correspondence table of text and image files

133:图腾服务器133: Totem server

具体实施方式 Detailed ways

为更进一步阐述本发明为达成预定发明目的所采取的技术手段及功效,以下结合附图及较佳实施例,对依据本发明提出的借由图腾服务器产生网页图档的系统,其具体实施方式、结构、特征及其功效,详细说明如后。In order to further explain the technical means and effects of the present invention to achieve the intended purpose of the invention, the specific implementation of the system for generating webpage image files by means of a totem server according to the present invention will be described below in conjunction with the accompanying drawings and preferred embodiments. , structure, feature and effect thereof, detailed description is as follows.

图2为本发明实施例的一种借由图腾服务器产生网页图腾方法的流程示意图。图3为本发明实施例的一种图腾服务器的字型产生模块生成子集合字型档案的流程示意图。图4为本发明实施例的一种在使用者浏览器端呈现网页图腾的页面范例。图5为本发明实施例的一种借由图腾服务器产生网页文字字型方法的流程示意图。图6为本发明实施例的一种在使用者浏览器端呈现网页文字字型的页面范例。图7为本发明实施例的一种借由图腾服务器产生网页图档方法的流程示意图。图8为本发明实施例的一种在使用者浏览器端呈现网页图档的页面范例。FIG. 2 is a schematic flowchart of a method for generating a web page totem by using a totem server according to an embodiment of the present invention. FIG. 3 is a schematic flow diagram of a font generation module of a totem server according to an embodiment of the present invention to generate a sub-set font file. FIG. 4 is an example of a webpage displaying a webpage totem on a user's browser according to an embodiment of the present invention. FIG. 5 is a schematic flowchart of a method for generating webpage text fonts by using a totem server according to an embodiment of the present invention. FIG. 6 is an example of a page displaying webpage text fonts on the user's browser end according to an embodiment of the present invention. FIG. 7 is a schematic flowchart of a method for generating a webpage image file by using a totem server according to an embodiment of the present invention. FIG. 8 is an example of a webpage displaying a webpage graphic file on a user browser according to an embodiment of the present invention.

以下说明本发明的一种借由图腾服务器产生网页图腾方法的实施例,如图2所示,使用者于使用者浏览器端开启浏览器后,进行下列步骤:使用者浏览器端自一网页服务器下载一网页(S21);使用者浏览器端根据网页的连结资讯从图腾服务器下载一图腾显示程序(S22);图腾显示程序自图腾服务器下载文字图档对应表(S23);图腾显示程序寻找网页的字码资讯及字型资讯以及将找到的字码资讯变更为图档连结位址(S24);将字码资讯及字型资讯传送至设有字型产生模块的图腾服务器中(S25);字型产生模块生成至少一子集合字型档案及其定址资讯,又传送定址资讯至图腾显示程序(S26);图腾显示程序将定址资讯加入网页中(S27);以及使用者浏览器端下载子集合字型档案及图档,浏览器对子集合字型档案及图档进行解译并呈现于网页上(S28)。A kind of embodiment of the webpage totem method that produces webpage totem by means of totem server is described below, as shown in Figure 2, after the user opens the browser at the user's browser end, carry out the following steps: the user's browser end from a webpage The server downloads a webpage (S21); the user's browser downloads a totem display program from the totem server according to the link information of the webpage (S22); the totem display program downloads a text image file correspondence table from the totem server (S23); the totem display program searches The character code information and font information of the webpage and changing the found character code information into the image file link address (S24); the character code information and font information are sent to the totem server provided with the font generation module (S25) ; The font generation module generates at least one subset font file and its addressing information, and sends the addressing information to the totem display program (S26); the totem display program adds the addressing information to the webpage (S27); and downloads from the user's browser The sub-collection font files and image files, the browser interprets the sub-collection font files and image files and presents them on the webpage (S28).

使用者浏览器端自一网页服务器下载一网页(S21):使用者于使用者浏览器端开启一浏览器后,使用者浏览器端便自一网页服务器下载一网页。网页至少包含有一连结资讯、至少一字码资讯以及至少一字型资讯,其中连结资讯包括script或active X等程序码,例如下方的HTML网页原始码51的范例所示的<script language=″JavaScript″src=″http://demo.apgamer.net/demo.js″></script>的连结资讯511;其字码资讯例如“节能减碳”等字串,其字型资讯512则例如<fontface=″apg-font″>。The user's browser downloads a webpage from a web server (S21): after the user opens a browser on the user's browser, the user's browser downloads a webpage from a web server. The web page contains at least one link information, at least one character code information, and at least one font information, where the link information includes script or active X program codes, such as <script language=”JavaScript as shown in the example of HTML page source code 51 below Link information 511 of ″src=″http://demo.apgamer.net/demo.js″></script>; its code information is such as “energy saving and carbon reduction” and other strings, and its font information 512 is such as < fontface="apg-font">.

使用者浏览器端根据网页的连结资讯从图腾服务器下载一图腾显示程序(S22):使用者浏览器端根据此连结资讯511<scriptlanguage=″JavaScript″src=″http://demo.apgamer.net/demo.js″></script>从图腾服务器下载一图腾显示程序,在本实施例中图腾显示程序指demo.js。The user browser end downloads a totem display program from the totem server according to the link information of the web page (S22): the user browser end downloads a totem display program according to the link information 511<scriptlanguage="JavaScript" src="http://demo.apgamer.net /demo.js″></script> downloads a totem display program from the totem server, and the totem display program refers to demo.js in this embodiment.

图腾显示程序自图腾服务器下载文字图档对应表(S23):The totem display program downloads the corresponding table of text and image files from the totem server (S23):

Figure BSA00000338238500091
Figure BSA00000338238500091

其中的部分程序码401显示下载文字图档对应表的网络位址及其档案名称,文字图档对应表于本实施例中例如为pic_map.xml。文字图档对应表中至少包括一字码与一图档的对应关系,其格式包含HTML、XML或json格式,且文字图档对应表中的文字依一字串长度进行排序。Part of the program code 401 therein displays the network address and the file name for downloading the corresponding table of text and image files. The corresponding table of text and image files is, for example, pic_map.xml in this embodiment. The text-image-file correspondence table at least includes a correspondence between a character code and an image file, and its format includes HTML, XML, or json format, and the text in the text-image-file correspondence table is sorted according to the length of a string.

图腾显示程序寻找网页的字码资讯及字型资讯,及将找到的字码资讯变更为图档连结资讯(S24):图腾显示程序中部分程序码402定义寻找HTML网页数据中有定义字型的标签,又其部分程序码403判断标签中是否有符合需处理的标签。如果找到有需处理的标签,则其部分程序码404开始以回圈载入文字图档对应表,接着其部分程序码405比对标签中字串的字码资讯与文字图档对应表的字码是否相同。如果相同,则将找到的字码资讯,亦即标签中字串,变更为图档连结位址。The totem display program searches for the character code information and font information of the webpage, and changes the found character code information into graphic file link information (S24): part of the program code 402 in the totem display program defines the search for HTML webpage data that has a defined font label, and its part of the program code 403 judges whether there is a label in the label that meets the label that needs to be processed. If a tag that needs to be processed is found, then part of the program code 404 starts to load the text-image-file correspondence table in a loop, and then its part of the program code 405 compares the word code information of the character string in the label with the word code of the text-image file correspondence table Is it the same. If they are the same, then the character code information found, that is, the character string in the label, is changed to the image file link address.

请再参考图4,以更了解本发明的实施例的内容。图腾显示程序寻找HTML网页的字码资讯,例如“落实节能减碳爱地球低碳生活做环保”,若文字图档对应表内的字码“爱”对应于心型的图档,而字码“地球”则对应于地球球体的图档,而图腾显示程序于HTML网页中找到的字码资讯与文字图档对应表内的字码相同时,则会将“爱”和“地球”的字码资讯变更为一图档连结位址,例如如上所示的图档连结位址513、514,且其变更会以文字图档对应表中其字串长度较长的优先取代。例如(图中未显示)文字图档对应表中有设定字码“爱你”对应于“picture1”,而字码“爱”对应于“picture2”,当网页中有以下文字“我爱地球也很爱你”时,字码“爱”和“爱你”的字码资讯会被“picture2”及“picture1”所取代:“我<imgsrc=″picture2″>地球也很<img src=″picture1″>”,可以看出“爱你”的取代顺序是优先于“爱”的字串。Please refer to FIG. 4 again for a better understanding of the content of the embodiment of the present invention. The totem display program looks for the word code information of the HTML webpage, such as "implement energy saving, carbon reduction, love the earth, low-carbon life and environmental protection". "Earth" corresponds to the picture file of the sphere of the earth, and when the character code information found by the totem display program in the HTML page is the same as the character code in the corresponding table of the text picture file, the characters "love" and "earth" will be displayed. The code information is changed to an image file link address, such as the image file link addresses 513 and 514 shown above, and the change will be replaced with the longer character string length in the text image file correspondence table. For example (not shown in the figure) there is a set character code "love you" corresponding to "picture1" in the text image file correspondence table, and the character code "love" is corresponding to "picture2". When I love you too", the code information of "love" and "love you" will be replaced by "picture2" and "picture1": "I <imgsrc="picture2">The earth is also very <img src=" picture1″>”, it can be seen that the replacement order of “love you” is prior to the string of “love”.

将字码资讯及字型资讯传送至设有字型产生模块的图腾服务器中(S25):Send the character code information and font information to the totem server provided with the font generation module (S25):

Figure BSA00000338238500101
Figure BSA00000338238500101

图腾显示程序的部分程序码406将符合需要处理的标签内容加总,但不限于使用此种方式处理,并且定义要传送给图腾服务器字的字码资讯及字型资讯407,然后与字型产生模块进行沟通408。Part of the program code 406 of the totem display program sums up the label content that meets the needs of processing, but is not limited to processing in this way, and defines the character code information and font information 407 to be sent to the totem server, and then generates with the font Module Communicating 408.

字型产生模块生成至少一子集合字型档案及其定址资讯,又传送定址资讯至图腾显示程序(S26):字型产生模块于生成至少一子集合字型档案及其定址资讯后,将至少一子集合字型档案及其定址资讯传回使用者浏览器端的图腾显示程序,其中定址资讯包括子集合字型档案的网络位址及子集合字型档案的字型名称。图腾显示程序取得传回的子集合字型档案名称409,其中字型产生模块以php程序语言进行开发的字型产生程序,但不限以其他程序语言作为开发工具。The font generation module generates at least one subset font file and its addressing information, and sends the addressing information to the totem display program (S26): after the font generation module generates at least one subset font file and its addressing information, it will at least A sub-set font file and its address information are sent back to the totem display program on the user's browser, wherein the address information includes the network address of the sub-set font file and the font name of the sub-set font file. The totem display program obtains the returned sub-set font file name 409, wherein the font generation module develops the font generation program in the php programming language, but not limited to other programming languages as development tools.

图腾显示程序将定址资讯加入网页中(S27):借由将定址资讯定义到网页中有字型资讯的标签中,以将定址资讯加入网页中。图腾显示程序于本实施例中,于HTML程序码加入CSS语法410,但不以此语法为限,在本实施例中此CCS语法所包括的资讯内容包括字型产生模块生成的至少一套新的字型档案的定址资讯,亦即新生成的字型档案的网络位址。The totem display program adds addressing information to the webpage (S27): adding addressing information to the webpage by defining the addressing information into tags with font information in the webpage. Totem display program In this embodiment, CSS syntax 410 is added to the HTML program code, but not limited to this syntax. In this embodiment, the information content included in the CCS syntax includes at least one set of new fonts generated by the font generation module. The addressing information of the font file, that is, the network address of the newly generated font file.

使用者浏览器端下载子集合字型档案及图档,浏览器对子集合字型档案及图档进行解译并呈现于网页上(S28):请参考图4,使用者浏览器端根据包含定址资讯的网页,下载子集合字型档案,如上述图中的字型资讯512“apg-font”,并根据图档连结位址513、514下载图档,例如本实施例的love.jpg及earth.jpg图档,并且由使用者浏览器端的一浏览器52,例如Internet Explorer,Firefox等,对子集合字型档案及图档进行解译,以呈现子集合字型档案的字型521“节能减碳”及图档(心型图档522、地球球体图档523)于浏览器的网页上,其中的子集合字型档案即是非属于使用者浏览器端的系统字型档案。The user browser downloads the sub-set font files and graphic files, and the browser interprets the sub-set font files and graphic files and presents them on the webpage (S28): Please refer to Figure 4, the user browser side includes Address the web page of the information, download the sub-set font file, such as the font information 512 "apg-font" in the above figure, and download the image file according to the image file link address 513, 514, such as love.jpg and earth.jpg image file, and a browser 52 on the user's browser end, such as Internet Explorer, Firefox, etc., interprets the sub-set font file and the image file to present the font 521 of the sub-set font file. Energy saving and carbon reduction" and graphic files (heart-shaped graphic files 522, earth sphere graphic files 523) are on the webpage of the browser, and the sub-set font files therein are the system font files that do not belong to the user's browser end.

如图3所示,字型产生模块生成子集合字型档案的步骤包括:接收来自使用者浏览器端所传送的字码资讯与字型资讯(S31);从图腾服务器的原始字型数据中寻找符合字型资讯要求的字型(S32);比对原始字型数据以取得至少一字码资讯中每一字码的索引值,又取得每一字码对应的一字型图像位置(S33);根据字型图像位置,取得一字型图像,并产生字码资讯与字型图像间的索引表(S34);以及产生至少一子集合字型档案,又将子集合字型档案的定址资讯转换成图腾显示程序可识别的格式(S35)。As shown in Figure 3, the steps of font generation module generating subset font files include: receiving code information and font information sent from the user browser (S31); Find a font that meets the requirements of the font information (S32); compare the original font data to obtain at least one index value of each character code in the character code information, and obtain a font image position corresponding to each character code (S33 ); According to the position of the font image, obtain a font image, and generate an index table between the character code information and the font image (S34); and generate at least one subset font file, and address the subset font file The information is converted into a format recognizable by the totem display program (S35).

接收来自使用者浏览器端所传送的字码资讯与字型资讯(S31):使用者浏览器端的图腾显示程序于找到网页的字码资讯及字型资讯后,将字码资讯及字型资讯传送出,并由图腾服务器接收之,再令图腾服务器中的字型产生模块确认是否收到字码资讯及字型资讯等参数411。若字型产生模块收到字码资讯及字型资讯等参数,字型产生模块则将接收到的字型资讯和字码资讯存成阵列412,但亦可以其他方式储存,以便后续处理;若未收到,则不处理。Receive the character code information and font information sent from the user browser (S31): after the totem display program on the user browser finds the character code information and font information of the webpage, the character code information and font information Send it out, and receive it by the totem server, and then make the font generation module in the totem server confirm whether to receive parameters such as character code information and font information 411 . If the font generation module receives parameters such as character code information and font information, the font generation module will store the received font information and character code information into an array 412, but it can also be stored in other ways for subsequent processing; if If not received, it will not be processed.

Figure BSA00000338238500121
Figure BSA00000338238500121

从图腾服务器的原始字型数据中寻找符合字型资讯要求的字型(S32):图腾服务器存有至少一原始字型数据。原始字型数据由至少一套字型所组成,其来源包括TTF(Truetype字型档案格式)、TTC(Truetype字型档案集格式)、OTF(opentype字型档案格式)、XML(将字型档案存成XML格式)或DB(将字型档案数据存放于数据库中)等。字型产生模块依据所接收到的字型资讯,从原始字型数据中的第一套字型开始确认是否有此字型,若无此字型,则继续于原始字型数据中寻找下一套字型413,直到所有需确认的字型已经搜寻完毕为止。Searching for fonts meeting font information requirements from the original font data of the totem server (S32): the totem server stores at least one original font data. Original font data consists of at least one set of fonts, and its sources include TTF (Truetype Font File Format), TTC (Truetype Font File Format), OTF (opentype Font File Format), XML (Truetype Font File Format), Save as XML format) or DB (store the font file data in the database), etc. The font generation module confirms whether there is such a font from the first set of fonts in the original font data according to the received font information, and continues to search for the next font in the original font data if there is no such font. Font set 413, until all the fonts to be confirmed have been searched.

比对原始字型数据以取得至少一字码资讯中每一字码的索引值,又取得每一字码对应的一字型图像位置(S33):字型产生模块于确认原始字型数据中有与字型服务器接收到的字型相符的字型后,即读取原始字型数据中此字型的定义格式414,又读取原始字型数据内的子表格定义415,然后依据子表格定义,取得子表格的位置与长度资讯416,然后依据子表格的位置与长度资讯,依序取得原始字型数据中的cmap字型图像位置417、根据cmap图像位置,取得原始字型数据中的loca字型图像位置418以及根据loca图像位置,取得原始字型数据中的glyf字型图像位置419,又将原字型无变动定义的部分,写入新字型中420。Compare the original font data to obtain at least one index value of each character code in the character code information, and obtain a font image position corresponding to each character code (S33): the font generation module confirms the original font data After there is a font that matches the font received by the font server, the definition format 414 of the font in the original font data is read, and the subtable definition 415 in the original font data is read, and then according to the subtable Define, obtain the position and length information 416 of the subtable, then obtain the cmap font image position 417 in the original font data according to the position and length information of the subtable, and obtain the cmap font image position in the original font data according to the cmap image position The loca font image position 418 and the glyf font image position 419 in the original font data are obtained according to the loca image position, and the part of the original font with no change definition is written into the new font 420 .

根据字型图像位置,取得一字型图像,并产生字码资讯与字型图像间的索引表(S34):Obtain a font image according to the position of the font image, and generate an index table between the font information and the font image (S34):

Figure BSA00000338238500141
Figure BSA00000338238500141

Figure BSA00000338238500151
Figure BSA00000338238500151

字型产生模块依据上一步骤实施例中cmap字型图像位置、loca字型图像位置及glyf字型图像位置,依序取得相应的字型图像,然后依照其字码资讯和字型图像,重新产生字码和图像对照索引表421。The font generation module obtains the corresponding font images in sequence according to the cmap font image position, the loca font image position and the glyf font image position in the embodiment of the previous step, and then according to its character code information and font image, re- Generate word code and image contrast index table 421.

产生至少一子集合字型档案,又将子集合字型档案的定址资讯转换成图腾显示程序可识别的格式(S35):字型产生模块于产生字码和图像对照索引表后,即随机产生新的字型档案档名422,又产生新的字型档案,此为原始字型档案的子集合423,最后将新产生的至少一字型档案的档名和网络位置资讯,以XML格式产生424,又显示XML回应讯息425。Generate at least one sub-set font file, and convert the address information of the sub-set font file into a format recognizable by the totem display program (S35): after the font generation module generates the character code and image comparison index table, it is randomly generated The new font file name 422 generates a new font file, which is a subset of the original font file 423, and finally the file name and network location information of at least one font file that is newly generated is generated 424 in XML format , and the XML response message 425 is displayed again.

以下说明本发明的一种借由图腾服务器产生网页文字字型方法的实施例,如图5所示,使用者于使用者浏览器端开启网页后,进行下列步骤:使用者浏览器端自一网页服务器下载一网页(S61);使用者浏览器端根据网页的连结资讯从图腾服务器下载一图腾显示程序(S62);图腾显示程序寻找网页的字码资讯及字型资讯(S63);传送字码资讯及字型资讯至图腾服务器中(S64);字型产生模块生成至少一子集合字型档案及其定址资讯,又传送定址资讯至图腾显示程序(S65);图腾显示程序将定址资讯加入网页中(S66);以及使用者浏览器端下载子集合字型档案,且由浏览器对子集合字型档案进行解译,以呈现子集合字型档案的字型于网页上(S67)。A kind of embodiment of the method for generating webpage characters by means of the totem server of the present invention is described below, as shown in Figure 5, after the user opens the webpage at the user browser end, carry out the following steps: the user browser end starts from a The web server downloads a webpage (S61); the user browser downloads a totem display program from the totem server according to the link information of the webpage (S62); the totem display program searches for the character code information and font information of the webpage (S63); code information and font information to the totem server (S64); the font generation module generates at least one subset font file and its addressing information, and sends the addressing information to the totem display program (S65); the totem display program adds the addressing information In the webpage (S66); and the user's browser downloads the sub-set font file, and the browser interprets the sub-set font file to present the font of the sub-set font file on the webpage (S67).

使用者浏览器端自一网页服务器下载一网页(S61):可由HTML网页原始码71中得知网页至少包含一连结资讯711、至少一字码资讯713以及至少一字型资讯712。其中,连结资讯711包括script或active X等程序码,例如<script language=″JavaScript″src=″http://js.apgamer.net/font.js″></script>,其字码资讯713例如所示的“节能减碳爱地球”;其字型资讯712例如所示的<fontface=″apg-font″>。The user browser downloads a webpage from a webpage server (S61): it can be known from the source code 71 of the HTML webpage that the webpage includes at least one link information 711, at least one character code information 713, and at least one font information 712. Wherein, the link information 711 includes program codes such as script or active X, such as <script language=”JavaScript” src=”http://js.apgamer.net/font.js”></script>, its word code information 713 For example, "Energy Saving, Carbon Reduction, Love the Earth" is shown; the font information 712 is, for example, <fontface="apg-font"> as shown.

Figure BSA00000338238500161
Figure BSA00000338238500161

使用者浏览器端根据网页的连结资讯从图腾服务器下载一图腾显示程序(S62):使用者浏览器端可根据例如所示的连结资讯711<scriptlanguage=″JavaScript″src=″http://js.apgamer.net/font.js″></script>由图腾服务器下载图腾显示程序,在本实施例中图腾显示程序为font.js。The user's browser end downloads a totem display program from the totem server according to the link information of the webpage (S62): the user's browser end can download a totem display program according to the link information shown in the example 711<scriptlanguage="JavaScript" src="http://js .apgamer.net/font.js″></script> downloads the totem display program from the totem server, and the totem display program is font.js in this embodiment.

图腾显示程序寻找网页的字码资讯及字型资讯(S63):令图腾显示程序寻找网页的字码资讯及字型资讯,例如可通过图腾显示程序判断HTML网页原始码71中的HTML标签是否有符合需处理的字型资讯712,若找不到符合的字型资讯,则不处理,若找到,则撷取HTML标签中符合字型资讯的字码。The character code information and the font information (S63) that the totem display program searches for the webpage: make the totem display program search for the character code information and the font information of the webpage, for example, whether there is an HTML tag in the source code 71 of the HTML page can be judged by the totem display program Match the font information to be processed 712, if no matching font information is found, then do not process, if found, then extract the character code that matches the font information in the HTML tag.

传送字码资讯及字型资讯至图腾服务器中(S64):图腾显示程序定义要传送给图腾服务器之字型资讯和字码资讯,并且与图腾服务器的字型产生模块进行沟通。Sending character code information and font information to the totem server (S64): the totem display program defines the font information and font information to be sent to the totem server, and communicates with the font generation module of the totem server.

字型产生模块生成至少一子集合字型档案及其定址资讯,又传送定址资讯至图腾显示程序(S65):字型产生模块系依据字型资讯和字码资讯传送的字型资讯和字码资讯生成至少一子集合字型档案及其定址资讯,并将至少一子集合字型档案及其定址资讯传回使用者浏览器端的图腾显示程序,而定址资讯中包括了子集合字型档案的网络位址及子集合字型档案的字型名称。其中,字型产生模块以php程序语言进行开发的字型产生程序,但不限以其他程序语言作为开发工具,此生成至少一子集合字型档案的步骤在前一实施例已详尽说明,在此不予赘述。The font generation module generates at least one subset font file and its addressing information, and sends the addressing information to the totem display program (S65): the font generation module sends font information and character codes according to the font information and character code information generate at least one sub-set font file and its addressing information, and return at least one sub-set font file and its addressing information to the totem display program on the user's browser, and the addressing information includes the sub-set font file's The network address and font name of the subset font file. Wherein, the font generation module develops the font generation program with the php programming language, but not limited to other programming languages as the development tool. The steps of generating at least one sub-set font file have been described in detail in the previous embodiment. This will not be repeated.

图腾显示程序将定址资讯加入网页中(S66):借由将定址资讯定义到网页中有字型资讯的标签中,以将定址资讯加入网页中。在本实施例中,图腾显示程序于HTML程序码加入CSS语法,但不以此语法为限,此CCS语法所包括的资讯内容包括字型产生模块生成的至少一套新的字型档案的定址资讯,定址资讯即为新生成的字型档案的网络位址及其字型档案名称,例如HTML网页原始码71所显示的apg-font。The totem display program adds addressing information to the webpage (S66): adding addressing information to the webpage by defining the addressing information into tags with font information in the webpage. In this embodiment, the totem display program adds CSS syntax to the HTML code, but it is not limited to this syntax. The information content included in the CCS syntax includes the address of at least one set of new font files generated by the font generation module. Information, the addressing information is the network address of the newly generated font file and the name of the font file, such as apg-font shown in the source code 71 of the HTML web page.

使用者浏览器端下载子集合字型档案,且由浏览器对子集合字型档案进行解译,以呈现子集合字型档案的字型于网页上(S67):使用者浏览器端根据网页的定址资讯下载子集合字型档案,其中的子集合字型档案即是非属于使用者浏览器端的系统字型档案,再经由浏览器解译此子集合字型档案,以呈现子集合字型档案的字型721于浏览器72的网页上,其呈现的效果如图6浏览器72所显示的粗体字“节能减碳爱地球”。The user browser downloads the sub-set font file, and the browser interprets the sub-set font file to display the font of the sub-set font file on the webpage (S67): the user browser end according to the webpage The address information downloads the sub-set font files, where the sub-set font files are system font files that do not belong to the user's browser, and then the browser interprets the sub-set font files to present the sub-set font files The font 721 is on the webpage of the browser 72, and its rendering effect is as shown in FIG.

以下说明本发明的一种借由图腾服务器产生网页图档方法的实施例,如图7所示,使用者于使用者浏览器端开启网页后,进行下列步骤:使用者浏览器端自一网页服务器下载一网页(S81);使用者浏览器端根据网页的连结资讯从图腾服务器下载一图腾显示程序(S82);图腾显示程序自图腾服务器下载文字图档对应表(S83);图腾显示程序寻找网页的字码资讯及字型资讯以及将找到的字码资讯变更为图档连结位址(S84);以及使用者浏览器端下载图档,浏览器对图档进行解译并且呈现于网页上(S85)。A kind of embodiment of the method for generating webpage image files by means of a totem server of the present invention is described below. As shown in FIG. The server downloads a webpage (S81); the user browser downloads a totem display program from the totem server according to the link information of the webpage (S82); the totem display program downloads a text image file correspondence table from the totem server (S83); the totem display program searches The character code information and font information of the webpage and changing the found character code information into the image file link address (S84); and the user browser downloads the image file, and the browser interprets the image file and presents it on the webpage (S85).

使用者浏览器端自一网页服务器下载一网页(S81):使用者浏览器端自一网页服务器下载一网页,其中网页至少包含一连结资讯、至少一字码资讯以及至少一字型资讯。The user browser downloads a webpage from a web server (S81): the user browser downloads a webpage from a web server, wherein the webpage includes at least one link information, at least one character code information, and at least one font information.

使用者浏览器端根据连结资讯从图腾服务器下载一图腾显示程序(S82):使用者浏览器端可根据网页中的连结资讯911从图腾服务器下载一图腾显示程序,而由图中的HTML网页原始码91可知,连结资讯911所连结的图腾显示程序为pic.js。The user's browser end downloads a totem display program from the totem server according to the link information (S82): the user's browser end can download a totem display program from the totem server according to the link information 911 in the webpage, and the original HTML page from the figure Code 91 shows that the totem display program linked by link information 911 is pic.js.

Figure BSA00000338238500171
Figure BSA00000338238500171

图腾显示程序自图腾服务器下载一文字图档对应表(S83):令图腾显示程序自图腾服务器下载一文字图档对应表,例如pic_map.xml,文字图档对应表至少包括一字码与一图档的对应关系,其格式包含HTML、XML或json格式,且文字图档对应表中的文字依一字串长度进行排序。The totem display program downloads a text and image file correspondence table from the totem server (S83): the totem display program downloads a text and image file correspondence table from the totem server, such as pic_map.xml, and the text and image file correspondence table at least includes a character code and an image file Correspondence, its format includes HTML, XML or json format, and the text in the text image file correspondence table is sorted according to the length of a string.

图腾显示程序寻找网页的字码资讯及字型资讯以及将找到的字码资讯变更为图档连结位址(S84):图腾显示程序寻找网页的字码资讯及字型资讯,若找到的字码资讯与文字图档对应表的字码相同,则将字码资讯变更为一图档连结位址,例如HTML网页原始码91中的图档连结位址912、913。The totem display program searches for the character code information and font information of the webpage and changes the found character code information into an image file link address (S84): the totem display program searches for the character code information and font information of the webpage, if the found character code If the character code of the information is the same as that of the text image file correspondence table, then the character code information is changed into an image file link address, such as the image file link addresses 912, 913 in the HTML webpage source code 91.

使用者浏览器端下载图档,浏览器对图档进行解译并且呈现于网页上(S85):使用者浏览器端根据图档连结位址912、913下载图档,并且由使用者浏览器端的一浏览器92对图档进行解译,以呈现图档于浏览器的网页上,如图8浏览器92所呈现的心型图档921及地球球体图档922的图档。The user browser downloads the image file, and the browser interprets the image file and presents it on the webpage (S85): the user browser downloads the image file according to the image file link address 912, 913, and the user browser downloads the image file A browser 92 at the end interprets the graphic files to present the graphic files on the webpage of the browser, such as the graphic files of the heart-shaped graphic file 921 and the earth sphere graphic file 922 presented by the browser 92 in FIG. 8 .

图9为本发明实施例的一种基本网络架构的示意图。图10为本发明实施例的一种借由图腾服务器产生网页图腾的系统的示意图。图11为本发明一实施例的一种借由图腾服务器产生网页文字字型的系统的示意图。图12为本发明一实施例的一种借由图腾服务器产生网页图档的系统的示意图。FIG. 9 is a schematic diagram of a basic network architecture according to an embodiment of the present invention. FIG. 10 is a schematic diagram of a system for generating a webpage totem by a totem server according to an embodiment of the present invention. FIG. 11 is a schematic diagram of a system for generating webpage text fonts by a totem server according to an embodiment of the present invention. FIG. 12 is a schematic diagram of a system for generating web page images by using a totem server according to an embodiment of the present invention.

如图9所示,其为本发明实施例的一种图腾服务器产生网页图腾的系统1000的基本架构,其包括:一网页服务器101;一设于使用者浏览器端102的一浏览器1021;以及一图腾服务器103。As shown in FIG. 9 , it is a basic structure of a system 1000 for a totem server to generate a webpage totem according to an embodiment of the present invention, which includes: a webpage server 101; a browser 1021 located at the user's browser terminal 102; And a totem server 103.

以下说明本发明系统的第一实施例,如图10所示,网页服务器111内设有一网页1111,其中网页1111至少包含一连结资讯11111、至少一字码资讯11112以及至少一字型资讯11113。连结资讯11111例如script或active X程序码,但不限以这些程序码所写的连结资讯;字码资讯11112系例如BIG5码、Unicode码、JIS码GB2312码或GB18030码等;字型资讯11113系例如包括新细明体、标楷体或王汉宗字体等。The first embodiment of the system of the present invention is described below. As shown in FIG. 10, a webpage 1111 is provided in the webpage server 111, wherein the webpage 1111 includes at least one link information 11111, at least one character code information 11112 and at least one font information 11113. Link information 11111 such as script or active X program code, but not limited to link information written in these program codes; character code information 11112 is such as BIG5 code, Unicode code, JIS code GB2312 code or GB18030 code, etc.; font information 11113 is For example, it includes Xinximing, Standard Kai, or Wang Hanzong fonts.

如图10所示,浏览器1121例如目前常用的Internet explorer、MozillaFirefox、Opera Web Browser或Google Chrome等。浏览器1121其设于一使用者浏览器端112,使用者浏览器端112用以根据连结资讯(例如所示的网页连结资讯511)从图腾服务器113下载一图腾显示程序1122,并下载一文字图档对应表1123。As shown in Figure 10, the browser 1121 is such as the commonly used Internet explorer, Mozilla Firefox, Opera Web Browser or Google Chrome etc. at present. Browser 1121 is set on a user's browser terminal 112, and the user's browser terminal 112 is used for downloading a totem display program 1122 from the totem server 113 according to the link information (such as the web page link information 511 shown), and downloads a text map File correspondence table 1123.

文字图档对应表1123至少包括一字码与一图档的对应关系,其中文字图档对应表1123依一字串长度进行排序,接着图腾显示程序1122寻找网页的字码资讯11112及字型资讯11113,若找到的字码资讯11112与文字图档对应表1123的字码相同,则将字码资讯11112变更为一图档连结位址,并将字码资讯11112及字型资讯11113传送至图腾服务器113,其中字码资讯11112例如的网页原始码51所示的“节能减碳爱地球”,字型资讯如所示的<font face=″apg-font″>。The text image file correspondence table 1123 includes at least the correspondence between a character code and an image file, wherein the text image file correspondence table 1123 is sorted according to the length of a character string, and then the totem display program 1122 searches for the word code information 11112 and font information of the web page 11113, if the word code information 11112 found is the same as the word code of the text image file correspondence table 1123, then the word code information 11112 is changed to a picture file link address, and the word code information 11112 and font information 11113 are sent to the totem In the server 113, the character code information 11112 is, for example, "Energy Saving, Carbon Reduction, Love the Earth" shown in the webpage source code 51, and the font information is <font face="apg-font"> as shown.

如图10所示,字型产生模块1131是以php程序语言进行开发的字型产生程序,但不限以其他程序语言作为开发工具。字型产生模块1131设于图腾服务器113中,例如apache服务器,用以依据字码资讯11112及字型资讯11113生成至少一子集合字型档案及定址资讯,又传送定址资讯至使用者浏览器端112的图腾显示程序1122。As shown in FIG. 10 , the font generation module 1131 is a font generation program developed in the php programming language, but not limited to other programming languages as development tools. The font generation module 1131 is set in the totem server 113, such as an apache server, and is used to generate at least one subset of font files and addressing information according to the character code information 11112 and font information 11113, and send the addressing information to the user's browser. The totem display program 1122 of 112 .

据此,图腾显示程序1122将定址资讯加入网页中,又使用者浏览器端112根据包含定址资讯的网页,下载子集合字型档案及根据图档连结位址下载图档,并且由浏览器1121对子集合字型档案及图档进行解译,以呈现子集合字型档案的字型及图档于浏览器1121的网页上。Accordingly, the totem display program 1122 adds addressing information to the webpage, and the user browser terminal 112 downloads the subset font file and downloads the image file according to the link address of the image file according to the webpage containing the addressing information, and the browser 1121 Interpreting the font file and image file of the sub-set to display the font and image file of the font file of the subset on the webpage of the browser 1121 .

如图10所示,字型产生模块1131包括:一资讯接收判断单元11311;一字型确认单元11312;一索引表产生单元11313;以及一字型档案生成单元11314。As shown in FIG. 10 , the font generating module 1131 includes: an information receiving judging unit 11311 ; a font confirming unit 11312 ; an index table generating unit 11313 ; and a font file generating unit 11314 .

资讯接收判断单元11311,其接收到来自使用者浏览器端112所传送的字码资讯11112与字型资讯11113,用以确认及判断是否收到字码资讯11112及字型资讯11113等参数。The information receiving judging unit 11311 receives the character code information 11112 and font information 11113 sent from the user browser 112 to confirm and judge whether the character code information 11112 and font information 11113 are received.

字型确认单元11312,其从原始字型数据中寻找符合字型资讯11113要求的字型,而原始字型数据储存于图腾服务器中,并且由至少一套字型所组成,其来源包括TTF(Truetype字型档案格式)、TTC(Truetype字型档案集格式)、OTF(opentype字型档案格式)、XML(将字型档案存成XML格式)或DB(将字型档案数据存放于数据库中)等。详言之,字型确认单元11312依据所接收到的字型资讯11113,从原始字型数据中的第一套字型开始确认是否有此字型。The font confirmation unit 11312, which searches for the font that meets the requirements of the font information 11113 from the original font data, and the original font data is stored in the totem server, and is composed of at least one set of fonts, and its source includes TTF ( Truetype font file format), TTC (Truetype font file set format), OTF (opentype font file format), XML (save font files in XML format) or DB (store font file data in a database) wait. In detail, the font confirmation unit 11312 confirms whether there is such a font starting from the first set of fonts in the original font data according to the received font information 11113 .

索引表产生单元11313,根据所接收到的字型对应的至少一字码资讯11112比对原始字型数据,以取得至少一字码资讯11112中其每一字码的索引值,又取得每一字码所对应的一字型图像位置,又根据字型图像位置取得一字型图像,并产生字码资讯与字型图像间的索引表。例如字码资讯11112为:“亚太戏网”,字型资讯11113为:[王汉宗字体](未显示于图中),其中“亚”字的Unicode字码为4E 9E,则寻找[王汉宗字体]中的字码索引值,得出字码索引值为18432,又寻找[王汉宗字体],以字码索引值18432寻找此字型图像位置,字型图像位置从位置372145开始,长度为398,取得字型图像的内容,其余字“太”、“戏”以及“网”均可以同样方式取得其字型图像的内容,在此不予赘述。The index table generation unit 11313 compares the original font data according to at least one character code information 11112 corresponding to the received font to obtain the index value of each character code in the at least one character code information 11112, and obtains each The font image position corresponding to the character code is used to obtain the font image according to the font image position, and an index table between the character code information and the font image is generated. For example, the character code information 11112 is: "Asia-Pacific Drama Network", the font information 11113 is: [Wang Hanzong font] (not shown in the figure), and the Unicode character code of the word "Asia" is 4E 9E, then search for [Wang Hanzong font] The character code index value in , and the character code index value is 18432, and then search for [Wang Hanzong font], find the font image position with the character code index value 18432, the font image position starts from position 372145, and the length is 398, and obtains The content of the font image, and the content of the font image of other characters "tai", "xi" and "net" can be obtained in the same way, and will not be repeated here.

字型档案生成单元11314,其产生原始字型数据的至少一子集合字型档案,例如副档名为woff(web open font format)、ttf(truetype font)或eot(embedded opentype)的字型档案,又将子集合字型档案的定址资讯转换成图腾显示程序1122可识别的格式,例如XML格式。Font file generation unit 11314, which generates at least a subset of font files of the original font data, such as a font file with the extension name woff (web open font format), ttf (truetype font) or eot (embedded opentype) , and convert the addressing information of the subset font file into a format recognizable by the totem display program 1122, such as XML format.

以下说明本发明系统的第二实施例,如图11所示,本实施例为一种图腾服务器产生网页文字字型的系统,其包括:一网页服务器121;一设于使用者浏览器端122的一浏览器1221;以及一图腾服务器123。The second embodiment of the system of the present invention is described below, as shown in Figure 11, present embodiment is a kind of system that totem server produces webpage text font, and it comprises: a webpage server 121; One is located at user's browser terminal 122 and a totem server 123.

网页服务器121内设有一网页1211,其中网页1211至少包含一连结资讯12111、至少一字码资讯12112以及至少一字型资讯12113。连结资讯12111包括script或active X程序码,但不限以这些程序码所写的连结资讯;字码资讯12112系例如包括BIG5码、Unicode码、JIS码GB2312码或GB18030码等;字型资讯12113系例如包括新细明体、标楷体或王汉宗字体等。The web server 121 is provided with a web page 1211 , wherein the web page 1211 includes at least one link information 12111 , at least one character code information 12112 and at least one font information 12113 . Link information 12111 includes script or active X program codes, but not limited to link information written with these program codes; character code information 12112 includes, for example, BIG5 code, Unicode code, JIS code GB2312 code or GB18030 code, etc.; font information 12113 The system includes, for example, Xinximing, Standard Kai, or Wang Hanzong fonts.

如图11所示,浏览器1221包括目前常用的Internet explorer、MozillaFirefox、Opera Web Browser或Google Chrome等,其设于一使用者浏览器端122,使用者浏览器端122用以根据连结资讯从图腾服务器123下载一图腾显示程序1222,接着图腾显示程序1222寻找网页的字码资讯12112及字型资讯12113,并且将字码资讯11112及字型资讯11113传送至图腾服务器113,其中字码资讯11112是例如网页原始码71所示的“节能减碳爱地球”,字型资讯是如所示的<font face=″apg-font″>。As shown in Fig. 11, browser 1221 comprises Internet explorer commonly used at present, Mozilla Firefox, Opera Web Browser or Google Chrome etc., and it is set on a user's browser end 122, and user's browser end 122 is in order to from totem according to link information The server 123 downloads a totem display program 1222, and then the totem display program 1222 searches for the code information 12112 and the font information 12113 of the webpage, and sends the code information 11112 and the font information 11113 to the totem server 113, wherein the code information 11112 is For example, "Energy Saving, Carbon Reduction, Love the Earth" shown in web page source code 71, the font information is <font face="apg-font"> as shown.

如图11所示,字型产生模块1231是以php程序语言进行开发的字型产生程序,但不限以其他程序语言作为开发工具,其设于图腾服务器123中,例如apache服务器,用以依据字码资讯12112及字型资讯12113生成至少一子集合字型档案及定址资讯,又传送定址资讯至使用者浏览器端122的图腾显示程序1222。As shown in Figure 11, the font generation module 1231 is a font generation program developed with the php programming language, but not limited to other programming languages as development tools, and it is set in the totem server 123, such as an apache server, in order to The character code information 12112 and the font information 12113 generate at least one subset font file and address information, and send the address information to the totem display program 1222 of the user's browser terminal 122 .

如图11所示,字型产生模块1231包括:一资讯接收判断单元12311;一字型确认单元12312;一索引表产生单元12313;以及一字型档案生成单元12314。As shown in FIG. 11 , the font generating module 1231 includes: an information receiving judging unit 12311 ; a font confirming unit 12312 ; an index table generating unit 12313 ; and a font file generating unit 12314 .

资讯接收判断单元12311,其系接收到来自使用者浏览器端122所传送的字码资讯12112与字型资讯12113,用以确认及判断是否收到字码资讯12112及字型资讯12113等参数。The information reception judging unit 12311 receives the character code information 12112 and font information 12113 sent from the user browser 122, and is used to confirm and judge whether the character code information 12112 and font information 12113 are received.

字型确认单元12312,其从原始字型数据中寻找符合字型资讯12113要求的字型,原始字型数据由至少一套字型所组成,其来源包括TTF(Truetype字型档案格式)、TTC(Truetype字型档案集格式)、OTF(opentype字型档案格式)、XML(将字型档案存成XML格式)或DB(将字型档案数据存放于数据库中)等,详言之,字型确认单元12312依据其所接收到的字型资讯12113,从原始字型数据中的第一套字型开始确认是否有此字型。A font confirmation unit 12312, which searches for a font that meets the requirements of the font information 12113 from the original font data. The original font data is composed of at least one set of fonts, and its sources include TTF (Truetype font file format), TTC (Truetype font file set format), OTF (opentype font file format), XML (save font files in XML format) or DB (store font file data in a database), etc., in detail, font The confirming unit 12312, according to the received font information 12113, starts from the first set of fonts in the original font data to confirm whether there is such a font.

索引表产生单元12313,根据所接收到的字型对应的至少一字码资讯12112比对原始字型数据,以取得至少一字码资讯12112中其每一字码的索引值,又取得每一字码所对应的一字型图像位置,又根据字型图像位置取得一字型图像,并产生字码资讯与字型图像间的索引表。例如字码资讯12112为:“亚太戏网”,字型资讯12113为:[王汉宗字体](未显示于图中),其中“亚”字其Unicode字码为4E 9E,则寻找[王汉宗字体]中的字码索引值,得出字码索引值为18432,又寻找[王汉宗字体],以字码索引值18432寻找此字型图像位置,字型图像位置从位置372145开始,长度为398,取得字型图像的内容,其余字“太”、“戏”以及“网”均可以同样方式取得其字型图像的内容,在此不予赘述。The index table generation unit 12313 compares the original font data according to at least one character code information 12112 corresponding to the received font, so as to obtain the index value of each character code in the at least one character code information 12112, and obtains each The font image position corresponding to the character code is used to obtain the font image according to the font image position, and an index table between the character code information and the font image is generated. For example, the character code information 12112 is: "Asia-Pacific Drama Network", and the font information 12113 is: [Wang Hanzong font] (not shown in the figure), wherein the Unicode character code of the word "Asia" is 4E 9E, then search for [Wang Hanzong font] The character code index value in , and the character code index value is 18432, and then search for [Wang Hanzong font], find the font image position with the character code index value 18432, the font image position starts from position 372145, and the length is 398, and obtains The content of the font image, and the content of the font image of other characters "tai", "xi" and "net" can be obtained in the same way, and will not be repeated here.

字型档案生成单元12314,其产生原始字型数据的至少一子集合字型档案,例如副档名为woff(web open font format)、ttf(truetype font)或eot(embedded opentype)的字型档案,又将子集合字型档案的定址资讯转换成图腾显示程序1222可识别的格式,例如XML格式。A font file generation unit 12314, which generates at least a subset of font files of the original font data, such as a font file with the extension name woff (web open font format), ttf (truetype font) or eot (embedded opentype) , and convert the addressing information of the subset font file into a format recognizable by the totem display program 1222, such as XML format.

据此,图腾显示程序1222接收到字型产生模块1231输出的定址资讯后,便将定址资讯加入网页中,又使用者浏览器端122根据包含定址资讯的网页,下载子集合字型档案,并且由浏览器1221对子集合字型档案进行解译,以呈现子集合字型档案的字型于浏览器1221的网页上。Accordingly, after the totem display program 1222 receives the addressing information output by the font generation module 1231, it adds the addressing information into the webpage, and the user browser terminal 122 downloads the subset font file according to the webpage containing the addressing information, and The subset font file is interpreted by the browser 1221 to present the font of the subset font file on the webpage of the browser 1221 .

以下说明本发明系统的第三实施例,如图12所示,本实施例是一种图腾服务器产生网页图档的系统,其包括:一网页服务器131;一设于使用者浏览器端132之一浏览器1321;以及一图腾服务器133。The third embodiment of the system of the present invention is described below, as shown in Figure 12, the present embodiment is a kind of system that the totem server produces the web page picture file, and it comprises: a web server 131; a browser 1321; and a totem server 133.

网页服务器内131设有一网页1311,其中网页1311至少包含一连结资讯13111、至少一字码资讯13112以及至少一字型资讯13113。A web page 1311 is set in the web server 131, wherein the web page 1311 includes at least one link information 13111, at least one character code information 13112 and at least one font information 13113.

如图12所示,图腾显示程序1322,设于图腾服务器133,而使用者浏览器端132根据网页1311中的连结资讯13111从图腾服务器133下载图腾显示程序1322至使用者浏览器端132。As shown in FIG. 12 , the totem display program 1322 is set in the totem server 133 , and the user browser terminal 132 downloads the totem display program 1322 from the totem server 133 to the user browser terminal 132 according to the link information 13111 in the webpage 1311 .

如图12所示,浏览器1321包括目前常用的Internet explorer、MozillaFirefox、Opera Web Browser或Google Chrome等,其设于使用者浏览器端132,用以显示根据图腾显示程序1322的运作机制所下载的图档。As shown in Figure 12, the browser 1321 includes commonly used Internet explorer, Mozilla Firefox, Opera Web Browser or Google Chrome etc. at present, and it is set at the user's browser end 132, in order to display the downloaded according to the operation mechanism of the totem display program 1322 image files.

图腾显示程序1322的运作机制包括:自图腾服务器133下载一文字图档对应表1323,文字图档对应表1323至少包括一字码与一图档的对应关系,且文字图档对应表1323依一字串长度进行排序,接着图腾显示程序1322寻找网页1311的字码资讯13112及字型资讯13113,若找到的字码资讯13112与文字图档对应表1323的字码相同,则将字码资讯13112变更为一图档连结位址。The operating mechanism of the totem display program 1322 includes: downloading a text and image file correspondence table 1323 from the totem server 133, the text and image file correspondence table 1323 at least includes the correspondence between a character code and an image file, and the text and image file correspondence table 1323 is based on a word String lengths are sorted, then the totem display program 1322 searches for the character code information 13112 and font information 13113 of the web page 1311, if the character code information 13112 found is identical to the character code of the character image file correspondence table 1323, then the character code information 13112 is changed It is the link address of an image file.

使用者浏览器132端根据图档连结位址下载图档,并且由使用者浏览器端132的一浏览器1321对图档进行解译,以呈现图档于浏览器的网页上,例如图8浏览器92所呈现的心型图档921、地球球体图档922,分别取代了字码资讯13112的“爱”及“地球”的文字。The user browser 132 downloads the image file according to the link address of the image file, and a browser 1321 at the user browser end 132 interprets the image file to present the image file on the webpage of the browser, as shown in FIG. 8 The heart-shaped image file 921 and the earth sphere image file 922 presented by the browser 92 replace the words "love" and "earth" in the character code information 13112 respectively.

借由使用者浏览器端的图腾显示程序与图腾服务器的字型产生模块的设置,使用者不需于使用者浏览器端安装所有字型及图档,也不需由网页服务器端下载大量字型及图档,图腾服务器即可通过使用者浏览器端的网页的连结资讯,先行下载图腾显示程序及文字图档对应表,借以寻找网页的字码资讯及字型资讯,以将字码资讯变更为一图档连结位址,及作为图腾服务器的字型产生模块生成新的字型档案的依据,使用者浏览器端下载新的字型档案后,即可于浏览器浏览到活泼生动,不同于系统预设的呆板、一致性的字型。With the setting of the totem display program on the user's browser and the font generation module of the totem server, the user does not need to install all fonts and image files on the user's browser, and does not need to download a large number of fonts from the web server and image files, the totem server can first download the totem display program and the corresponding table of text and image files through the link information of the webpage on the user's browser side, so as to find the character code information and font information of the web page, so as to change the character code information into A picture file link address, and as the basis for the font generation module of the totem server to generate a new font file. After the user browser downloads the new font file, it can be browsed in the browser to be lively and vivid, which is different from The default rigid and consistent fonts of the system.

又图腾服务器不需直接连接网络服务器,其可设于可连接网际网络的任何地方,因此可增加设置的弹性,以及减少单一系统服务者或网页内容服务者的建置成本,故亦具有弹性建置及降低建置成本的商业优势。In addition, the totem server does not need to be directly connected to the network server, and it can be installed anywhere that can be connected to the Internet, so it can increase the flexibility of setting, and reduce the construction cost of a single system server or web content server, so it also has flexible construction. The commercial advantage of setting up and reducing the cost of construction.

以上所述,仅是本发明的较佳实施例而已,并非对本发明作任何形式上的限制,虽然本发明已以较佳实施例揭露如上,然而并非用以限定本发明,任何熟悉本专业的技术人员,在不脱离本发明技术方案范围内,当可利用上述揭示的技术内容作出些许更动或修饰为等同变化的等效实施例,但凡是未脱离本发明技术方案的内容,依据本发明的技术实质对以上实施例所作的任何简单修改、等同变化与修饰,均仍属于本发明技术方案的范围内。The above description is only a preferred embodiment of the present invention, and does not limit the present invention in any form. Although the present invention has been disclosed as above with preferred embodiments, it is not intended to limit the present invention. Anyone familiar with this field Those skilled in the art, without departing from the scope of the technical solution of the present invention, can use the technical content disclosed above to make some changes or modify equivalent embodiments with equivalent changes, but all the content that does not depart from the technical solution of the present invention, according to the present invention Any simple modifications, equivalent changes and modifications made to the above embodiments by the technical essence still belong to the scope of the technical solution of the present invention.

Claims (16)

1. one kind produces the system of webpage totem by the totem server, it is characterized in that it comprises:
One web page server, in be provided with a webpage, wherein this webpage comprises one at least and links information, at least one character code information and at least one font information;
One browser; Be located at user's browser end; This user's browser end in order to according to this binding information from this totem downloaded one totem display routine and download a word graph shelves correspondence table; This word graph shelves correspondence table comprises the corresponding relation of a character code and figure shelves at least, seeks this character code information and this font information of this webpage again, if this character code information that finds is identical with this character code of this word graph shelves correspondence table; Then this character code information is changed to figure shelves and link address, and this character code information and this font information are sent to this totem server; And
The yi word pattern generation module is located in this totem server, in order to generate at least one subclass font archives and addressing information thereof according to this character code information and this font information, transmits this addressing information again to this totem display routine;
Wherein this totem display routine adds this addressing information in this webpage; This user's browser end comprises the webpage of addressing information according to this again; Download these subclass font archives and link address and download this figure shelves according to these figure shelves; And by this browser to these subclass font archives and should figure grade carry out decipher, with the font that presents these subclass font archives and this figure grade on the webpage of this browser.
2. system according to claim 1 is characterized in that wherein this binding information comprises script procedure code or active X procedure code.
3. system according to claim 1 is characterized in that wherein this word graph shelves correspondence table sorts according to a word string length, and with the long preferential replacement of this word string length.
4. system according to claim 3 is characterized in that wherein the corresponding tableau format of these word graph shelves comprises HTML, XML or json form.
5. system according to claim 1 is characterized in that wherein these subclass font archives are generated by an original font data in this totem server.
6. system according to claim 5 is characterized in that wherein this font generation module comprises:
One information receives judging unit, and it receives this character code information and this font information that is transmitted from this user's browser end;
The yi word pattern confirmation unit, it is from this original font data, to seek to meet the font that this font information requires;
One concordance list generation unit; At least one this character code information comparison this original font data corresponding according to this received font; To obtain the index value of its each this character code at least one this character code information; Obtain the pairing yi word pattern of each this character code picture position again, obtain the yi word pattern image according to this font picture position again, and produce the concordance list between this character code information and this font image; And
Yi word pattern archives generation unit, it produces at least one these subclass font archives of this original font data, and this addressing information with these subclass font archives converts the discernible form of this totem display routine to again.
7. system according to claim 6 is characterized in that this addressing information wherein comprises the font title of network address and these subclass font archives of these subclass font archives.
8. one kind produces the system of webpage literal font by the totem server, it is characterized in that it comprises:
One web page server, in be provided with a webpage, wherein this webpage comprises one at least and links information, at least one character code information and at least one font information;
One browser; Be located at user's browser end; This user's browser end is in order to link information from this totem downloaded one totem display routine according to this; Seek this character code information and this font information of this webpage again, and this character code information and this font information are sent to this totem server; And
The yi word pattern generation module is located in this totem server, in order to generate at least one subclass font archives and addressing information thereof according to this character code information and this font information, transmits this addressing information again to this totem display routine;
Wherein this totem display routine adds this addressing information in this webpage; This user's browser end comprises the webpage of addressing information according to this again; Download this subclass font archives; And by this browser these subclass font archives are carried out decipher, with the font that presents these subclass font archives on the webpage of this browser.
9. system according to claim 8 is characterized in that wherein this binding information comprises script procedure code or active X procedure code.
10. system according to claim 8 is characterized in that wherein these subclass font archives are generated by an original font data in this totem server.
11. system according to claim 8 is characterized in that wherein this font generation module comprises:
One information receives judging unit, and it receives this character code information and this font information that is transmitted from this user's browser end;
The yi word pattern confirmation unit, it is from this original font data, to seek to meet the font that this font information requires;
One concordance list generation unit; At least one this character code information comparison this original font data corresponding according to this received font; To obtain the index value of its each this character code at least one this character code information; Obtain the pairing yi word pattern of each this character code picture position again, obtain the yi word pattern image according to this font picture position again, and produce the concordance list between this character code information and this font image; And
Yi word pattern archives generation unit, it produces at least one these subclass font archives of this original font data, and this addressing information with these subclass font archives converts the discernible form of this totem display routine to again.
12. system according to claim 11 is characterized in that this addressing information wherein comprises the font title of network address and these subclass font archives of these subclass font archives.
13. the system by totem server generation webpage figure shelves is characterized in that it comprises:
One web page server, in be provided with a webpage, wherein this webpage comprises one at least and links information, at least one character code information and at least one font information;
One totem display routine is located at this totem server, and user's browser end links information from this totem display routine of this totem downloaded according to this; And
One browser is located at this user's browser end, in order to show the figure shelves of downloading according to the operating mechanism of this totem display routine;
Wherein the operating mechanism of this totem display routine comprises: this totem downloaded one word graph shelves correspondence table certainly; This word graph shelves correspondence table comprises the corresponding relation of a character code and figure shelves at least; Make this totem display routine seek this character code information and this font information of this webpage again; If this character code information that finds is identical with this character code of this word graph shelves correspondence table, then this character code information is changed to one and scheme a grade binding address, wherein this user's browser end is somebody's turn to do the figure shelves according to this figure shelves binding address download again; And by this browser these figure shelves are carried out decipher, to present these figure shelves on the webpage of this browser.
14. system according to claim 13 is characterized in that wherein this binding information comprises script procedure code or active X procedure code.
15. system according to claim 13 is characterized in that wherein this word graph shelves correspondence table is to sort according to a word string length, and with the long preferential replacement of this word string length.
16. system according to claim 15 is characterized in that wherein the corresponding tableau format of these word graph shelves comprises HTML, XML or json form.
CN2010105363376A 2010-10-28 2010-10-28 System for generating webpage totem by totem server Pending CN102467515A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN2010105363376A CN102467515A (en) 2010-10-28 2010-10-28 System for generating webpage totem by totem server

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN2010105363376A CN102467515A (en) 2010-10-28 2010-10-28 System for generating webpage totem by totem server

Publications (1)

Publication Number Publication Date
CN102467515A true CN102467515A (en) 2012-05-23

Family

ID=46071159

Family Applications (1)

Application Number Title Priority Date Filing Date
CN2010105363376A Pending CN102467515A (en) 2010-10-28 2010-10-28 System for generating webpage totem by totem server

Country Status (1)

Country Link
CN (1) CN102467515A (en)

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105224509A (en) * 2014-05-30 2016-01-06 北大方正集团有限公司 A kind of method and device generating font format
CN107391519A (en) * 2016-05-17 2017-11-24 亚太戏网股份有限公司 Method for accelerating display of Asian language family fonts on webpage, font server and browser end
CN108664537A (en) * 2017-03-30 2018-10-16 亚太戏网股份有限公司 Method for displaying font when changing content of webpage
CN111177606A (en) * 2019-12-23 2020-05-19 望海康信(北京)科技股份公司 Method and device for controlling browser to render webpage

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6320587B1 (en) * 1996-08-26 2001-11-20 Fujitsu Limited Font processing apparatus in network environment and method thereof
US6625581B1 (en) * 1994-04-22 2003-09-23 Ipf, Inc. Method of and system for enabling the access of consumer product related information and the purchase of consumer products at points of consumer presence on the world wide web (www) at which consumer product information request (cpir) enabling servlet tags are embedded within html-encoded documents
CN101038650A (en) * 2006-03-16 2007-09-19 印魔网股份有限公司 Online instant printing service system and method and editor
CN101256563A (en) * 2006-12-26 2008-09-03 威锋数位开发股份有限公司 Equipment and method for online making multi-font web page file in website release system

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6625581B1 (en) * 1994-04-22 2003-09-23 Ipf, Inc. Method of and system for enabling the access of consumer product related information and the purchase of consumer products at points of consumer presence on the world wide web (www) at which consumer product information request (cpir) enabling servlet tags are embedded within html-encoded documents
US6320587B1 (en) * 1996-08-26 2001-11-20 Fujitsu Limited Font processing apparatus in network environment and method thereof
CN101038650A (en) * 2006-03-16 2007-09-19 印魔网股份有限公司 Online instant printing service system and method and editor
CN101256563A (en) * 2006-12-26 2008-09-03 威锋数位开发股份有限公司 Equipment and method for online making multi-font web page file in website release system

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105224509A (en) * 2014-05-30 2016-01-06 北大方正集团有限公司 A kind of method and device generating font format
CN107391519A (en) * 2016-05-17 2017-11-24 亚太戏网股份有限公司 Method for accelerating display of Asian language family fonts on webpage, font server and browser end
CN108664537A (en) * 2017-03-30 2018-10-16 亚太戏网股份有限公司 Method for displaying font when changing content of webpage
CN111177606A (en) * 2019-12-23 2020-05-19 望海康信(北京)科技股份公司 Method and device for controlling browser to render webpage
CN111177606B (en) * 2019-12-23 2023-12-15 望海康信(北京)科技股份公司 Method and device for controlling browser to render webpage

Similar Documents

Publication Publication Date Title
CN110020292B (en) Webpage content extraction method and terminal equipment
US20190251143A1 (en) Web page rendering method and related device
CN104461484B (en) The implementation method and device of front-end template
US8484552B2 (en) Extensible stylesheet designs using meta-tag information
KR101099272B1 (en) Web page rendering mechanism using external programmatic themes
CN102693280B (en) Webpage browsing method, WebApp framework, method and device for executing JavaScript, and mobile terminal
CN101877004B (en) Systems and methods for direct navigation to specific portion of target document
US8453051B1 (en) Dynamic display dependent markup language interface
US20100299589A1 (en) Keyword display method and keyword display system
CN112100550A (en) Page construction method and device
CN103166981B (en) A kind of radio web page code-transferring method and device
CN102819561A (en) Picture display method and device based on webpage
CN102663050B (en) E-book data processing method and device
US20140013211A1 (en) Content providing apparatus compatible with various terminal devices
WO2011017929A1 (en) Method and apparatus for positioning effective information quickly by mobile phone browser
CN103870486A (en) Webpage type confirming method and device
CN110347390B (en) Method, storage medium, equipment and system for rapidly generating WEB page
CN113779469B (en) Website page modification method and device, electronic device, and storage medium
CN102982129A (en) Method and system and device for labeling and reminding content in webpage
JP2002278757A (en) Method and device for recognition of grammatical base of user interface object in html application
CN105005472A (en) Method and device for displaying Uygur characters on WEB
CN102467515A (en) System for generating webpage totem by totem server
CN112733009B (en) Searching method and device
Asakawa et al. Transcoding
TWI427534B (en) Method for producing illustration of web page by illustration server

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
C02 Deemed withdrawal of patent application after publication (patent law 2001)
WD01 Invention patent application deemed withdrawn after publication

Application publication date: 20120523