CN108664537A - 于网页的内容变更时显示字体的方法 - Google Patents

Abstract

一种于网页的内容变更时显示字体的方法，包括下述步骤。下载包括第一字码信息与第一字体信息的网页信息到浏览器端。浏览器端的字体显示程序至字体服务器下载第一子集合字体档案。于浏览器端更新网页内容产生第二字码信息，第二字码信息所对应到的字体图像未出现在第一子集合字体档案，第二字码信息对应到第二字体信息。浏览器端将网页网址、第二字码信息、与第二字体信息传送至字体服务器。字体产生模块产生对应的第二子集合字体档案。下载第二子集合字体档案，浏览器端根据第二子集合字体档案将第二字码信息与第二字体信息呈现。本发明的有益效果是提供一种于网页的内容变更时显示字体的方法，使网页实时更新所产生的内容享有多样化字体。

Description

于网页的内容变更时显示字体的方法

技术领域

本发明是关于一种于网页的内容变更时显示字体的方法，尤其是针对亚洲语系字体在网页显示字体的方法。

背景技术

随着信息科技的不断进展，人的生活可以说是已经离不开因特网。相较于全球信息网(World Wide Web)发展的早期，目前网页上所呈现的内容可以说是愈来愈丰富。举例来说，在早期浏览器端的网页所呈现文字的字体绝大部分是由超文件标示语言(HyperTextMarkup Language，简称：HTML)来定义，然而随着网页内容愈来愈多元与丰富的趋势下，已有业者开始提供根据网页需求通过因特网下载不同字体档案的服务。这样一来，即使浏览器端未安装该字体的样式，也可让用户在浏览网页时享受到多样化的字体。然而，亚洲文字字体的档案通常很大，需花费较多的时间下载，从而增加使用者的等待时间。

中国台湾地区专利I427534借由图腾服务器产生网页图腾的方法中揭露的方法，是以图腾显示程序与图腾服务器通讯后，以该网页的字码及字体信息来取得子集合字体，以缩小字体档案达到加快下载呈现速度的目的。该方法虽较整个字体档案下载快速，但在与图腾服务器通讯仍有等待时间，依照网络质量与带宽不同约需等待数秒，等待时间中间会有数秒显示为系统默认字体，等待子集合字体档案完全下载完成后，方能正确显示出设定的字体样式。因此，该专利的专利权人于之后在专利申请案105115119中提出加速网页显示亚洲语系字体的方法，以让浏览者省略中间的等待时间，能直接浏览到网页设定的字体样式。然而，某些网页在使用者往下拉动时会实时更新数据，又或者某些网页与使用者会进行互动从而产生新的内容。然而，在专利申请案105115119中并未考虑到网页的内容实时更新的情形，对于网页实时更新所产生的内容，其无法支持。也就是说，网页实时更新所产生的内容无法享有多样化的字体。

发明内容

为了解决上述的问题，本发明的目的在于提供一种于网页的内容变更时显示字体的方法，以使网页实时更新所产生的内容能享有多样化的字体。基于上述目的与其他目的，本发明提供一种于网页的内容变更时显示字体的方法，包括以下的步骤。首先，从对应到一网页网址的一网页源下载至少一网页信息到一浏览器端，该网页信息包括一连接信息、至少一第一字码信息、与一第一字体信息，该第一字码信息对应到第一字体信息。浏览器端根据连接信息从一字体服务器下载一字体显示程序，之后字体显示程序至字体服务器下载一第一子集合字体档案，且浏览器端根据第一子集合字体档案显示一网页。于浏览器端更新网页的内容而产生至少一第二字码信息，该第二字码信息所对应到的字体图像未出现在第一子集合字体档案中，且第二字码信息是对应到一第二字体信息。接着，重新分析全部的网页信息。再来，浏览器端将网页网址、第一字码信息、第二字码信息、第一字体信息、与第二字体信息传送至字体服务器。字体产生模块根据网页网址、第一字码信息、第二字码信息、第一字体信息、与第二字体信息产生至少一对应的第二子集合字体档案。接下来，下载第二子集合字体档案至浏览器端。然后，浏览器端至少根据第二子集合字体档案将第一字码信息、第二字码信息、第一字体信息、与第二字体信息呈现于网页上。

基于上述目的与其他目的，本发明再提供一种于网页的内容变更时显示字体的方法，包括以下的步骤。首先，从对应到一网页网址的一网页源下载至少一网页信息到一浏览器端，该网页信息包括一连接信息、至少一第一字码信息、与一第一字体信息，该第一字码信息对应到第一字体信息。浏览器端根据连接信息从一字体服务器下载一字体显示程序，之后字体显示程序至字体服务器下载一第一子集合字体档案，且浏览器端根据第一子集合字体档案显示一网页。于浏览器端更新网页的内容而产生一第二字码信息，该第二字码信息所对应到的字体图像未出现在第一子集合字体档案中，且第二字码信息是对应到一第二字体信息。接着，字体显示程序分析网页信息中的第二字码信息或第二字体信息。再来，浏览器端将网页网址、第二字码信息、与第二字体信息传送至字体服务器。字体产生模块根据网页网址、第二字码信息、与第二字体信息产生至少一对应的第二子集合字体档案。接下来，下载第二子集合字体档案至浏览器端。然后，浏览器端至少根据第二子集合字体档案将第二字码信息与第二字体信息呈现于该网页上。

在上述的于网页的内容变更时显示字体的方法中，如第二字体信息相同于第一字体信息，下载的第二子集合字体文件将覆盖第一子集合字体文件效果。

在上述的于网页的内容变更时显示字体的方法中，如第二字体信息相同于第一字体信息，可于该浏览器端，第二字体信息的名称不同于第一字体信息的名称。而且，第二字体信息的名称是改成第一字体信息的名称后传送至字体服务器。此外，于下载第二子集合字体档案至浏览器端后，第二子集合字体档案中该第二字体信息的名称被改回第二字体信息原有的名称。

附图说明

图1所示为本发明的系统的实施例的示意图。

图2A与图2B所示为本发明的于网页显示字体的方法的第一实施例的流程图。

图3A至图3C所示为本发明的网页的实施例与其变化。

图4A至图4E所示为网页源、浏览器端、与字体服务器间的信息递送关系的示意图。

图5A与图5B所示为本发明的于网页显示字体的方法的第二实施例的流程图。

图6A～图6E所示为本发明的浏览器端的网页的程序代码的部分的相关实施例。

图7A与图7B所示为浏览器端与字体服务器间的信息递送关系的示意图。

具体实施方式

请参照图1，图1所示为本发明的系统的实施例的示意图。在本实施例中，系统100包括一网页源110、一浏览器端120、与一字体服务器130，其特征在于网页源110、浏览器端120、与字体服务器130的间是借由因特网2而彼此通讯连接。网页源110是由至少一个(在本实施例为多个)伺服主机112所构成，这些伺服主机112可以置于一处或分散于多处。另外，浏览器端120在本实施例中为一桌面计算机，此桌面计算机包括一主机123与一屏幕124；在其他实施例中，浏览器端120也可以为一笔记本电脑、一智能型手机、一平板计算机、一Allin One计算机或其他可以浏览网页的电子装置。此外，字体服务器130也可由一个或多个伺服主机所构成，且字体服务器130包括一字体产生模块132与一原始字体数据库134，关于字体产生模块132与原始字体数据库134的详细运作方式可参考专利申请案105115119中的内容。

请同时参照图2A与图2B，图2A与图2B所示为本发明的于网页的内容变更时显示字体的方法的第一实施例的流程图。首先，实施步骤S110，使用者于浏览器端120将浏览器开启，在本实施例中，浏览器可以为Internet Explorer、Firefox、Opera Web Browser、或Google Chrome等。再来，实施步骤S120，之后通过超连接的方式连接到网页源，这样屏幕124就会显示出如图3A所示的网页，图3A所示的网页网址：http://www.abc.com.tw/。需注意的是，图3A所示网页网址与网页内容仅是示意，不代表真实网址，且网页所示的内容也仅用于本申请案说明之用。此外，如图4A所示，会从网页源110下载到浏览器端120的网页信息包括一连接信息、至少一第一字码信息、与一第一字体信息，其特征在于连接信息是指连接到字体服务器130的网址。另外，第一字码信息则例如是图3A所示网页30中的『你们好吗』，而第一字体信息则例如是指上述字码所使用的字体，亦即第一字码信息是对应到第一字体信息，例如为：noto-1字体。

之后，实施步骤S130，如图4B所示，浏览器端120根据链接信息连接到字体服务器130后，便会从字体服务器130下载字体显示程序。再来，实施步骤S140，位于浏览器端120的字体显示程序会根据至少一网页网址(即图3A所示的网页网址：http://www.abc.com.tw/)与至少一第一字体信息(亦即：noto-1字体)，而产生至少一第一寻址信息。

然后，实施步骤S150，如图4C所示，浏览器端120根据第一寻址信息从字体服务器130下载一第一子集合字体档案。在本实施例中，第一子集合字体档案较佳是只包括对应到该网页30中所示字码的字体图像，而非全部的字体图像(亦即noto-1字体的全部字体图像)，这样可增加下载的速度。然后，实施步骤S160，浏览器端120的主机123会对第一子集合字体档案进行解译，以产生一第一解释结果，此第一解释结果会呈现于浏览器端120的网页上。详细地说，浏览器端120会根据第一子集合字体档案，而使网页上的字码(部分或全部)的字体会呈现对应到第一子集合字体档案的字体。再来，实施步骤S170，由于使用者的行为而使网页产生新的内容。例如，某些网页(例如包括有Javascript程序代码的网页)会与使用者互动而产生实时的内容更新。又或者，浏览器端120的某些应用程序在操作后会于网页产生新的内容。举例来说，如图3A所示，原本网页信息有含『你们好吗』这四个字，且其所呈现的字体是对应到第一字体信息(如：noto-1字体)。后来，如图3B所示，因为与使用者互动的关系而产生『今天吃什么』这五个字，且『今天吃什么』这五个字是与『你们好吗』这四个字并排在一起。由于『今天吃什么』这五个字所对应到的字体图像并未包含在第一子集合字体档案中，因此浏览器端120所呈现出的『今天吃什么』的字体并非是由字体服务器130所提供，而只能是浏览器端120所默认的字体，相较之下比较不美观，这样一来会影响使用者的观感。在专利申请案105115119中，这样的问题是没有办法解决的，但本实施例则会通过下述的流程解决问题。

请参照步骤S180，字体显示程序重新分析全部的网页信息。为了执行此步骤，网页的设计者在编辑网页时可加入相关的程序代码，指定当网页的内容更新时，更新的内容所对应到的字体。例如，请参照图6A，其是利用HTML的方式指定当网页的内容更新时，更新的内容所对应到的字体，又或者可用CSS的方式指定更新内容的字体(如图6B所示)。因此，当网页更新后，浏览器端120便会重新分析全部网页的信息。在本实施例中，例如是用_jf.flush()函数重新分析全部网页，其是会再分析全部网页的信息一次，以撷取网页信息中的字码信息与字体信息。在此，字码信息包括第一字码信息与第二字码信息，而字体信息包括第一字体信息与第二字体信息。在本实施例中，第二字码信息即为网页更新后的内容，亦即：『今天吃什么』这五个字。而在此实施例中，第二字体信息是与第一字体信息相同，也就是图6A与图6B所指的noto-1字体。

再来，请参照步骤S190与图4D所示，因第二字体信息是与第一字体信息相同，会将网页网址、第一字码信息加上第二字码信息、第一字体信息与第二字体信息传送至字体服务器130。而且，在本实施例中，因第二字体信息是与第一字体信息相同，故实际上是将网页网址、第一字码信息、第二字码信息、第一字体信息传送至字体服务器130。接着，实施步骤S210，字体服务器130中的字体产生模块会根据所接受的讯息(亦即：网页网址、第一字码信息加上第二字码信息、第一字体信息或与第二字体信息)，而产生一第二子集合字体档案。

之后，实施步骤S220，请同时参照图4E，字体服务器130将第二子集合字体档案传送到浏览器端120。然后，实施步骤S230，浏览器端120的主机123对第二子集合字体档案进行解译并产生一第二解译结果，并将第二解译结果呈现于网页30上。这样一来，原本呈现在网页30上的『你们好吗』与『今天吃什么』就会呈现一样的字体(如图3C所示)。

在上述的实施例中，『你们好吗』与『今天吃什么』是呈现同样的字体，也就是说第一字体信息与第二字体信息是相同的。然而，本领域具有通常知识者，也可将『你们好吗』与『今天吃什么』分别设定成不同的字体，例如将图6A与图6B所指的noto-1字体改为noto-2字体。也就是说，第一字体信息与第二字体信息是不同的。

此外，需注意的是，虽然在实施步骤S170时，『你们好吗』虽已经以所欲的字体呈现在屏幕上，但当第二字体信息是与第一字体信息相同时，在实施步骤S220时，浏览器端120仍会重载『你们好吗』的noto-1字体的字体图像，而造成网络带宽的浪费。而且，浏览器端120仍会对『你们好吗』再次进行处理，也就是说，第二子集合字体档案会覆盖第一子集合字体档案。这样会导致：『你们好吗』虽会保持原有的字体，但却会在屏幕上呈现出闪烁的现象。

请同时参照图5A与图5B，图5A与图5B所示为本发明的于网页显示字体的方法的第二实施例的流程图。由于图5A与图5B的步骤S110～步骤S170是与第一实施例相同，因此在本实施例中将标以相同的标号，并不再赘述。在网页30因使用者互动而产生实时的更新后，执行步骤S380，分析网页30实时更新后所产生的第二字码信息或第二字体信息。为了执行此步骤，网页的设计者在编辑网页时可加入相关的程序代码，指定当网页更新时，更新的内容所对应到的字体。例如，请参照图6C，其是利用CSS的方式指定当网页更新时，更新的内容所对应到的字体。在本实施例中，例如是用_jf.flushfont(“noto-2＂)函数指定处理网页30中的noto-2字体(亦即：第二字体信息)，其是会分析网页30中使用到noto-2字体所对应到的字码(包括第二字码信息，亦即：『今天吃什么』)，以撷取网页信息中的第二字体信息与第二字体信息所对应到的字码信息。又或者，例如是用_jf.flushcss(“.hello＂)函数指定处理网页中的class＝“hello＂元素，分析class＝“hello＂元素中所使用的字体(noto-2字体，亦即：第二字体信息)与第二字码信息(亦即：『今天吃什么』)。

再来，请参照步骤S390与图7A，将网页网址、第二字码信息、与第二字体信息传送至字体服务器130。接着，实施步骤S410，字体服务器130中的字体产生模块会根据所接受的讯息(亦即：网页网址、第二字码信息、与第二字体信息)，而产生一第二子集合字体档案。

之后，实施步骤S420，请同时参照图7B，字体服务器130将第二子集合字体档案传送到浏览器端120。然后，实施步骤S430，浏览器端120的主机123对第二子集合字体档案进行解译并产生一第二解译结果，并将第二解译结果呈现于网页30上。这样一来，原本呈现在网页30上的『今天吃什么』就会呈现所欲的字体(本实施例中为noto-2字体)。

然而，在第二实施例中，若第一字体信息与第二字体信息是相同的，且是用_jf.flushfont(“noto-1＂)函数来分析网页30，于步骤S380中仍会分析第一字体信息，而于步骤S390中仍会将第一字体信息传送到字体服务器130。因此，于步骤S430中浏览器端120仍会重载第一字体信息，且浏览器端120仍会对『你们好吗』再次进行处理，故仍会在屏幕上呈现出闪烁的现象。

为了解决若第一字体信息与第二字体信息是相同的，浏览器端120仍会重载第一字体信息，且屏幕上呈现出闪烁的现象等问题。于第三实施例中，网页的设计者在编辑网页时，仍使第二字体信息的名称不同于第一字体信息的名称，如图6A所示仍将第二字体信息的名称命名为“noto-2＂。在执行步骤S390时，第二字体信息的名称“noto-2＂是改成第一字体信息的名称“noto-1＂后在传送至字体服务器130，相关的程序代码如图6D所示。由于字体服务器130所收到的是第一字体信息的名称“noto-1＂，因此会将其当作第一字体信息进行处理，因此所做成的第二子集合字体档案，其中的第二字体信息的名称仍然为第一字体信息的名称“noto-1＂。然而，在步骤S430中，第二子集合字体档案中该第二字体信息的名称被改回该第二字体信息原有的名称，相关的程序代码如图6E所示。由于第二字体信息的名称已被改回原有的名称，故在步骤S430中仅会对『今天吃什么』进行处理，『你们好吗』不会有相关变动，故不会发生闪烁的现象。而且，这样一来，网页30在实时更新后，纵使『你们好吗』与『今天吃什么』是有相同的字体，也不会发生与『你们好吗』相关的字码信息与字体信息发生重复传输和处理事情。

本发明说明如上，然其并非用以限定本发明所主张的权利要求。其专利权利要求当视后附的权利要求及其等同领域而定。凡本领域具有通常知识者，在不脱离本专利精神或范围内，所作的更动或润饰，均属于本发明所揭示精神下所完成的等效改变或设计，且应包含在下述的权利要求内。

Claims (12)

1.一种于网页的内容变更时显示字体的方法，包括：

(a)从对应到一网页网址的一网页源下载至少一网页信息到一浏览器端，该网页信息包括一连接信息、至少一第一字码信息、与一第一字体信息，该第一字码信息对应到该第一字体信息；

(b)该浏览器端根据该连接信息从一字体服务器下载一字体显示程序；

(c)该字体显示程序至该字体服务器下载一第一子集合字体档案，且该浏览器端根据该第一子集合字体档案显示一网页；

(d)于该浏览器端，更新该网页的内容而产生至少一第二字码信息，该第二字码信息所对应到的字体图像未出现在该第一子集合字体档案中，且该第二字码信息是对应到一第二字体信息；

(e)由该字体显示程序重新分析全部的网页信息；

(f)该浏览器端将该网页网址、该第一字码信息、该第二字码信息、该第一字体信息、与该第二字体信息传送至该字体服务器；

(g)该字体产生模块根据该网页网址、该第一字码信息、该第二字码信息、该第一字体信息、与该第二字体信息产生至少一对应的第二子集合字体档案；

(h)下载该第二子集合字体档案至该浏览器端；以及

(i)该浏览器端至少根据该第二子集合字体档案将该第一字码信息、该第二字码信息、该第一字体信息、与该第二字体信息呈现于该网页上。

2.如权利要求1的于网页的内容变更时显示字体的方法，其特征在于(d)步骤中，是借由该浏览器端的应用程序或嵌入在该浏览器端的Javascript来更新该网页信息。

3.如权利要求1的的于网页的内容变更时显示字体的方法，其特征在于(d)步骤中，是借由CSS语言来将该第二字码信息是对应到该第二字体信息。

4.如权利要求1的于网页的内容变更时显示字体的方法，其特征在于(d)步骤中，该第二字体信息是相同于该第一字体信息，于(h)步骤中该第二子集合字体档案将覆盖该第一子集合字体档案。

5.一种于网页的内容变更时显示字体的方法，包括：

(j)从对应到一网页网址的一网页源下载至少一网页信息到一浏览器端，该网页信息包括一连接信息、至少一第一字码信息、与一第一字体信息，该第一字码信息对应到该第一字体信息；

(k)该浏览器端根据该连接信息从一字体服务器下载一字体显示程序；

(l)该字体显示程序至该字体服务器下载一第一子集合字体档案，且该浏览器端根据该第一子集合字体档案显示一网页；

(m)于该浏览器端，更新该网页的内容而产生至少一第二字码信息，该第二字码信息所对应到的字体图像未出现在该第一子集合字体档案中，且该第二字码信息是对应到一第二字体信息；

(n)由该字体显示程序分析该网页信息中的该第二字码信息或该第二字体信息；

(o)该浏览器端将该网页网址、该第二字码信息、与该第二字体信息传送至该字体服务器；

(p)该字体产生模块根据该网页网址、该第二字码信息与该第二字体信息产生至少一对应的第二子集合字体档案；

(q)下载该第二子集合字体档案至该浏览器端；以及

(r)该浏览器端根据该第二子集合字体档案将该第二字码信息与该第二字体信息呈现于该网页上。

6.如权利要求5的于网页的内容变更时显示字体的方法，其特征在于(d)步骤中，是将该第二字码信息对应到一元素，而于(e)步骤中是借由分析该元素以分析该第二字码信息。

7.如申请专利范围第5项的于网页的内容变更时显示字体的方法，其特征在于(d)步骤中，是将该第二字码信息对应到一元素，该元素对应到该第二字体信息，而于(e)步骤中是借由分析该第二字体信息以分析该第二字码信息。

8.如权利要求5的于网页的内容变更时显示字体的方法，其特征在于(d)步骤中，若该第二字体信息是相同于该第一字体信息，但于该浏览器端，该第二字体信息的名称不同于该第一字体信息的名称；于(f)步骤中，该第二字体信息的名称是改成该第一字体信息的名称后传送至该字体服务器；且于(h)步骤与(i)步骤中，该第二子集合字体档案中该第二字体信息的名称被改回该第二字体信息原有的名称。

9.如权利要求5的于网页的内容变更时显示字体的方法，其特征在于(d)步骤中，是借由该浏览器端的应用程序或嵌入在该浏览器端的Javascript来更新该网页信息。

10.如权利要求5的于网页的内容变更时显示字体的方法，其特征在于(d)步骤中，是借由CSS语言来将该第二字码信息是对应到该第二字体信息。

11.如权利要求5的于网页的内容变更时显示字体的方法，其特征在于(d)步骤中，该第二字体信息相同于该第一字体信息，则(e)步骤中字体显示程序也将分析该第一字码信息，于(f)步骤中该浏览器端也将传送该第一字码信息至该字体服务器，于(h)步骤中该第二子集合字体档案效果将覆盖该第一子集合字体档案。

12.如权利要求1至权利要求11中任一项的于网页显示字体的方法，其特征在于该浏览器端为装设有浏览器软件的一智能型手机、一平板计算机、一桌面计算机、或一笔记本电脑。