Web font service method of font service system

The web font service method enhances rendering speed and reduces network traffic by generating optimized CSS information and using web font modules to improve web font rendering efficiency.

JP7755056B2Active Publication Date: 2025-10-15SANDOLL INC
View PDF 3 Cites 0 Cited by

Patent Information

Application Number
JP2024517080
Authority / Receiving Office
JP · JP
Patent Type
Patents
Current Assignee / Owner
Priority Date
2022-03-07
Filing Date
2023-02-14
Publication Date
2025-10-15
Estimated Expiration
2043-02-14

AI Technical Summary

Technical Problem

Conventional web font rendering methods that require multiple requests for web font information can hinder the rendering speed of web pages, leading to issues like FOIT (Flash of Invisible Text) and FOUT (Flash of Unstyled Text), causing inconvenience to users.

Method used

A web font service method that includes generating CSS information based on collected text from web pages, optimizing font subsets, and using a web font module to minimize time consumption and improve rendering speed by inserting CSS information into HTML documents.

Benefits of technology

Minimizes time consumption and reduces network traffic by optimizing web font subsets, shortening download times, and allowing easy replacement or mixing of fonts to emphasize specific characters.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure 0007755056000001
    Figure 0007755056000001
  • Figure 0007755056000002
    Figure 0007755056000002
  • Figure 0007755056000003
    Figure 0007755056000003
Patent Text Reader

Abstract

The present invention relates to a web font service method of a font service system, the web font service method of a font server including the steps of receiving web font request information from a client provided with website information including an HTML tag for executing a web font module, and transmitting web font information to the client based on the web font request information, wherein the web font module generates CSS information including position information of the web font based on text information collected from text within a web page of the website for each font, and adds the CSS information to the website information, and the client recognizes the generated CSS information and transmits the generated web font request information to the font server.
Need to check novelty before this filing date? Find Prior Art

Description

[Technical Field]

[0001] The present invention relates to a web font service method for a font service system that provides a web font in response to a web font request. [Background technology]

[0002] Web fonts are a technology for using font files to render text on websites, and their use is increasing as websites are accessed on a wider variety of platforms, such as mobile devices and tablets. Therefore, it is becoming more important for websites to quickly render web fonts within their web pages.

[0003] In this regard, conventional web font-related prior art (1. System for transmitting web fonts generated from character combinations requested by a client, and method for transmitting web fonts using the same (Korean Patent Application No. 10-2013-0060836)) operates by requesting and receiving CSS information from the font server to render a single web page of a website, and then requesting web fonts again based on this (a method of requesting twice in sequence).

[0004] The method of requesting web font information twice in this prior patent can hinder the rendering speed of web pages, and if the rendering speed of web fonts slows down, various problems can occur.

[0005] For example, if the rendering speed of web fonts slows down, text may suddenly appear after being invisible (FOIT, Flash of Invisible Text) or flicker while changing (FOUT, Flash of Unstyled Text), which can cause inconvenience to customers using the website.

[0006] Therefore, there is a need for a web font service method that can improve the rendering speed of websites. Summary of the Invention [Problem to be solved by the invention]

[0007] The present invention aims to provide a web font service method for providing a web font in response to a web font request.

[0008] More specifically, the present invention aims to propose a web font service method for minimizing time consumption due to the use of web fonts and improving the rendering speed of websites. [Means for solving the problem]

[0009] A web font service method of a font server according to the present invention for solving the above technical problems includes the steps of receiving web font request information from a client that has received website information including HTML tags for executing a web font module, and transmitting web font information to the client based on the web font request information, wherein the web font module generates CSS information including web font position information based on text information collected from web pages of the website for each font, and adds the CSS information to the website information, and the client recognizes the generated CSS information and transmits the generated web font request information to the font server.

[0010] The method may further include the step of: performing a web font service authentication procedure using the received web font request information and pre-stored user authentication information in the font server.

[0011] In addition, the step of adding to the website information may remove duplicated text from the collected text, and may generate text information for each font by arranging and de-identifying the text in Unicode order.

[0012] In the step of adding the collected text to the website information, if the length of the collected text exceeds a predetermined length, the text may be divided to generate text information for each font.

[0013] In addition, the step of adding to the website information may include determining whether or not there is text corresponding to an alternative font among the collected text, and if there is text corresponding to an alternative font, classifying the text corresponding to the alternative font and generating text information for each font.

[0014] The font server may further include the steps of receiving service usage information from a customer for using the web font service, acquiring a web font based on the service usage information, generating a web font module dedicated to the customer based on the acquired web font, and generating an HTML tag for executing the web font module and providing the HTML tag to the customer.

[0015] In addition, the step of transmitting the web font information to the client may include generating a font subset based on the web font request information, and transmitting the web font information to the client based on the generated font subset.

[0016] Meanwhile, a web font service method of a web server preferably includes the steps of receiving a request for access to a website from a client and providing website information including HTML tags for executing a web font module to the client, wherein the web font module generates CSS information including web font position information based on text information collected from web pages of the website for each font, and adds the CSS information to the website information, and the client recognizes the generated CSS information and transmits the generated web font request information to a font server.

[0017] The method may further include the steps of sending service usage information for using a web font service to a font server, and receiving HTML tags for executing a web font module generated based on the web font service usage information.

[0018] Meanwhile, a font service system for providing a web font service includes a client that accesses a website and requests web font information required for the website, a web server that provides website information to the client that has requested access to the website, and a font server that provides web font information to the client. When requesting access to the website, the web server provides the client with website information including HTML tags for executing a web font module. The web font module generates CSS information including web font position information based on text information collected from web pages of the website for each font and adds the CSS information to the website information. The client recognizes the generated CSS information and transmits the generated web font request information to the font server. The font server generates web font information based on the web font request information and transmits the web font information to the client.

[0019] Meanwhile, the present invention can be realized as a computer-readable recording medium storing a program for performing the above-described web font service method. [Effects of the Invention]

[0020] According to the present invention, by using a web font module that collects text within a website by font to generate text information, generates CSS information based on the generated text information, and inserts it into an HTML document, it is possible to minimize the time consumed by using web fonts when rendering a web page.

[0021] In addition, the present invention has the effect of reducing the size of web fonts by using an optimized web font subset when providing web font information, thereby shortening the download time of web fonts and reducing network traffic and costs.

[0022] In addition, the present invention has the advantage that by using a web font module to which a substitute font is applied, it is possible to easily replace missing glyphs of a specific font or to mix different fonts to emphasize specific characters. [Brief explanation of the drawings]

[0023] [Figure 1] 1 is an exemplary diagram illustrating a font service system according to an embodiment of the present invention. [Figure 2] 1 is a conceptual diagram illustrating a process of registering service usage information for using a web font service according to an embodiment of the present invention. [Figure 3] 10 is a timing diagram illustrating a process of registering service usage information for using a web font service according to an embodiment of the present invention. [Figure 4] 10 is an exemplary diagram illustrating alternative font information according to an embodiment of the present invention; [Figure 5]10 is an exemplary diagram illustrating an HTML tag for implementing a web font module according to an embodiment of the present invention. [Figure 6] 1 is a conceptual diagram illustrating a web font service method according to an embodiment of the present invention. [Figure 7] 1 is a timing diagram illustrating a web font service method according to an embodiment of the present invention. [Figure 8] 1 is an exemplary diagram illustrating a web page screen according to an embodiment of the present invention; [Figure 9] 10 is a conceptual diagram illustrating a process for registering font service usage information according to another embodiment of the present invention. [Figure 10] 10 is a timing diagram illustrating a process of registering font service usage information according to another embodiment of the present invention. [Figure 11] FIG. 10 is a conceptual diagram illustrating a method for providing a font service according to another embodiment of the present invention. [Figure 12] 10 is a timing diagram illustrating a method for providing font services according to another embodiment of the present invention. DETAILED DESCRIPTION OF THE INVENTION

[0024] The following content simply illustrates the principles of the invention. Therefore, those skilled in the art can embody the principles of the invention and invent various devices that fall within the concept and scope of the invention, even if not explicitly described or shown in the specification. Furthermore, it should be understood that all conditional terms and embodiments listed in the specification are expressly intended solely for the purpose of helping the concept of the invention to be understood, and are not limited by the embodiments and conditions specifically listed in this specification.

[0025] The above-mentioned objects, features, and advantages will become more apparent from the following detailed description taken in conjunction with the accompanying drawings, which will enable those skilled in the art to easily implement the technical ideas of the invention.

[0026] In addition, when describing the invention, if it is determined that a detailed description of known techniques related to the invention may obscure the gist of the invention, the detailed description will be omitted. Hereinafter, a preferred embodiment of the present invention will be described in detail with reference to the accompanying drawings.

[0027] FIG. 1 is an exemplary diagram illustrating a font service system according to an embodiment of the present invention.

[0028] Referring to FIG. 1, a font service system 1000 can be composed of a font server 10, a web server 20, and a client 30.

[0029] The font server 10 generates and stores various font files and font subsets, and can provide various font information to a font requesting entity.

[0030] Specifically, the font server 10 can provide web font information in response to a web font request from the client 30, and can perform web font service authentication procedures, web font service registration procedures, etc. The font server 10 can also generate a customer-specific web font module based on the web font.

[0031] The web server 20 is a server for providing web services to users, and can provide website information to a client 30 requesting access to a website.

[0032] The client 30 may be a concept including a web browser that accesses a website and requests web font information required by the website or a web view that renders HTML (HyperText Markup Language). For example, the client 30 may be a web browser such as Safari, Chrome, Edge, Internet Explorer, or Firefox that is used on smartphones, computers, laptops, tablets, etc. Alternatively, the client 30 may include an application that operates in conjunction with a network on an operating system such as Android or iOS.

[0033] Hereinafter, a process of registering service usage information for using a web font service will be described with reference to FIG.

[0034] FIG. 2 is a conceptual diagram illustrating a process of registering service usage information for using a web font service according to an embodiment of the present invention.

[0035] 2, in order to use the web font service, a customer 22 transmits web font service usage information to the font server 10, and the font server 10 can register the customer based on the web font service usage information. Here, the customer 22 is a user who wishes to apply a web font to the web server 20, and may refer to a font purchaser.

[0036] In addition, the font server 10 checks the font list in the font server 10 based on the service usage information to see if the web font used by the customer 22 exists, and if the font does not exist, it requests the source web font corresponding to the font from the source font server 12, and the source web font can be provided.

[0037] The font server 10 can also generate and store a web font module dedicated to the client 22 based on the web font, and generate and store user authentication information for user authentication.

[0038] In addition, the font server 10 generates HTML tags for executing the web font module and provides them to the customer 22, and the customer 22 can use the web font service by applying the HTML tags to their website on their own web server 20.

[0039] 2, the font server 10 and the source font server 12 are described as being separate, but the configuration of the font server 10 and the source font server 12 is not limited to this. For example, the source font server 12 may exist as one database of the font server 10.

[0040] Next, the above-mentioned service usage information registration process will be described in more detail with reference to FIG.

[0041] FIG. 3 is a timing diagram illustrating a process of registering service usage information according to an embodiment of the present invention.

[0042] For the sake of convenience, FIG. 3 illustrates the process of transmitting and receiving information between the font server 10 and the web server 20 operated by the client 22.

[0043] 3, the web server 20 can purchase web fonts to be used on a website from the font server 10 (S101). For example, the web server 20 can purchase each web font individually for a predetermined price, or can purchase a license that can be used for a predetermined period for a predetermined price. Alternatively, the web server 20 can purchase a specific set of web fonts in the form of a subscription so that the fonts can be used freely.

[0044] The purchasing method of web fonts is not limited to the above example, and they can be purchased and used in various ways depending on the sales method of the font server 10.

[0045] Next, the web server 20 can provide the font server 10 with information for using the web font service (S102). Specifically, the web server 20 can provide the font server 10 with service usage information for using the web font service. Here, the service usage information can include at least one of a list of fonts used by the web server 20, a customer name, the name of the font product to be purchased, a service usage period, an applicable domain, and a test IP.

[0046] Furthermore, in this embodiment, the web server 20 may support different languages ​​and formats depending on the characteristics of the font, and may request a service to replace characters in the text that are not supported by a language or format with a similar font.

[0047] Therefore, the web server 20 can provide the font server 10 with service usage information that further includes substitute font information. Specifically, a substitute font is a font used to substitute characters not included in a specific font with other fonts for display on the screen, and can also be used when intentionally substituting some characters with other fonts. The substitute font information can include at least one of the start position, end position, and type of the substitute font.

[0048] For example, the substitute font information can be used when the Hangul font does not include Hanja glyphs and substitution with another font is necessary, when a unique font is substituted to intentionally emphasize English characters, when numbers (U+0030 to U+0039 range) are substituted with a specific font, when English capital letters (U+0041 to U+005A range) are substituted with a specific font, when Hanja (U+4E00 to U+9FFF range) are substituted with a specific font, and when ASCII code (U+0200 to U+007E range) is substituted with a specific font. Here, the area specification in the substitute font information uses Unicode, so it can be freely specified for all Unicode text.

[0049] Specifically, the substitute font information may be in the form of {Substituted Font ID: [{“range”: [start position, end position], “fontID”: substitute font ID}, {“range”: ...} ...]}, Substituted Font ID: ID of the target font to be substituted, Unicode Range (range): Unicode range of the character to be substituted, [start Unicode, end Unicode] format, Numbers [0030, 0039], English uppercase letters [0041, 005A], English lowercase letters [0061, 007A], Substitute Font ID (fontID): ID of the font to be substituted. For example, the substitute font information may be in the form shown in FIG. 4.

[0050] Furthermore, in this embodiment, alternative fonts can be extracted based on the similarity of the vectors of the features of the requested font list as a condition for selecting an alternative font.Also, alternative fonts can be set by dividing them into different Unicode ranges.

[0051] Specifically, by encoding the features of a font within a specific Unicode, it is possible to vectorize them and select alternative fonts based on the similarity within the feature space in which the vector exists, thereby minimizing the sense of strangeness caused by unsupported fonts.

[0052] Upon receiving the above service usage information, the font server 10 generates a customer-specific number using the identification information and stores it together with the service usage information, and can acquire and store web fonts based on the service usage information (S103). Specifically, the font server 10 can search the pre-stored font list in the font server 10 based on the font list used by the web server 20 in the service usage information, and acquire web fonts.

[0053] For example, if the font list used by the web server 20 is not present in the pre-stored font list, the font server 10 requests the source font from the source font server 12, receives the encrypted source font, decodes and stores the source font, and can obtain and store the web font using the source font.

[0054] The font server 10 may also generate and store a web font module dedicated to the web server 20 based on the acquired web font (S104). Here, the web font module may be a JavaScript (JS)-based program designed to collect text within a web page of a website by font, generate CSS information, and add it to the website information.

[0055] Furthermore, if the service usage information includes substitute font information, the font server 10 can generate and store a web font module to which the substitute font information is applied.

[0056] Furthermore, the font server 10 can generate and store user authentication information for user authentication based on the received service usage information (S105). Specifically, the font server 10 can generate and store user authentication information based on information that can distinguish users within the service usage information. For example, the user authentication information can include a customer unique number, customer name, applicable domain, and test IP address.

[0057] Next, the font server 10 can generate an HTML tag for executing the generated web font module (S106) and provide the generated HTML tag to the web server 20 (S107).

[0058] For example, the font server 10 can generate HTML tags for executing the web font module and provide them to the web server 20, as shown in FIG.

[0059] Furthermore, the web server 20 that has received the HTML tags from the font server 10 can use the web font service by applying the received HTML tags to its own website information (S108). Specifically, the web server 20 can use the web font service by inserting HTML tags into the HTML document in the website information.

[0060] In this way, according to the present invention, by inserting a short HTML tag into an HTML document, a customer can easily apply a desired font to their website. In other words, according to the present invention, the convenience of using paid fonts can be improved.

[0061] In addition, the present invention uses a web font module to which substitute font information is applied, allowing customers to freely mix and use multiple fonts without changing the HTML code of the website.

[0062] In addition, by using a web font module to which alternative font information is applied, the present invention can eliminate the limitations on the use of existing web fonts, which are limited in use due to glyphs not being provided in a particular font.

[0063] Meanwhile, when changing the font list to be used, the web server 20 requests the font server 10 to change the font list, and receives and uses the web font module to which the changed font list is applied.

[0064] In this way, customers who use the font service can easily change the fonts applied to a website by applying the web font module to which the changed font list has been applied to the website.

[0065] Next, with reference to FIG. 6, a method for the font service system to provide a web font service to a client will be described.

[0066] FIG. 6 is a conceptual diagram illustrating a web font service method according to an embodiment of the present invention.

[0067] Referring to FIG. 6, when a client 30 requests access to a website from the web server 20, the web server 20 can provide the client 30 with website information corresponding to the website.

[0068] Then, the client 30 can request a web font from the font server 10 based on the website information, receive the web font, and perform rendering based on the provided web font to display text in the web page of the website.

[0069] The web font service method will be described in more detail with reference to FIG.

[0070] FIG. 7 is a timing diagram illustrating a web font service method according to an embodiment of the present invention.

[0071] 7, the client 30 may request access to a website from the web server 20 (S201). Specifically, the client 30 may request access to a website from the web server 20 via the URL of the website.

[0072] Next, the web server 20 that has received the request to access the website may provide the client 30 with website information of the website, including HTML tags for executing the web font module (S202). Here, the website information may refer to data necessary to render the website, such as an HTML document including content such as images and text.

[0073] In addition, when the client 30 renders a web page, the web font module is executed through the HTML tag in the website information, and the executed web font module collects text in the web page of the website by font and generates text information by font (S203). Here, the text information by font may refer to data summarizing the minimum text required to render the website by font.

[0074] Specifically, the step of generating text information (S203) may collect text within a web page of a website by font, remove duplicated text from the collected text, and perform de-identification by arranging the text in Unicode order.

[0075] In addition, in the step of generating text information (S203), if the length of the text collected for each font in the web page of the website exceeds a predetermined length, the text may be divided into predetermined lengths and then text information for each font may be generated. That is, by dividing the text arranged in code order into unit lengths, responsiveness may be improved and a more effective non-identification effect may be achieved. In addition, the unit length for dividing the text may be variably determined depending on the font type of the text, the total number of fonts used, and the currently available resources of the font server 10. For example, if the currently available resources are limited, the predetermined length may be set to a shorter length.

[0076] In addition, the step of generating text information (S203) may determine whether an alternative font is necessary. Specifically, the step of generating text information (S203) may determine whether or not there is text corresponding to an alternative font among text collected by font in a web page of a website based on the alternative font information.

[0077] For example, if there is text in the collected text that corresponds to the Unicode range of the character to be substituted, the web font module may determine that an alternative font is necessary. As described above, in this embodiment, by removing duplicated text and sorting the text in Unicode order, elements having literal meaning contained in the text can be de-identified, and the application range of the alternative font can be determined more efficiently in the sorted order.

[0078] Therefore, in the step of generating text information (S203), if the collected text includes text corresponding to an alternative font, text corresponding to the alternative font and text not corresponding to the alternative font can be separated and text information for each font can be generated.

[0079] For example, in the step of generating text information (S203), the collected text may be separated into text corresponding to the alternative font and other text, duplicated text may be removed, and de-identified. After that, text whose length exceeds a predetermined length may be divided into predetermined lengths, and text information for each font may be generated.

[0080] Next, the executed web font module generates cascading style sheets (CSS) information including web font position information based on the generated font-specific text information, and adds the generated CSS information to website information (S204). Here, the CSS information is a style sheet that stores the general style of the web document, and may include information such as the type of text font, font size, font style, and font weight, as well as font-specific text information.

[0081] The client 30 may also transfer web font request information from the font server 10 based on the CSS information in the website information (S205). Here, the web font request information may include data related to the requested web font and various data required for authentication procedures to use the web font service. For example, the web font request information may include CSS information and user authentication information. Here, the user authentication information may be obtained from the web server 20.

[0082] Next, the font server 10 may perform a web font service authentication procedure using the web font request information received from the client 30 and pre-stored user authentication information (S206). Specifically, the font server 10 may compare the user authentication information in the web font request information with the pre-stored user authentication information to determine whether the request is properly made via the client company's web server 20.

[0083] For example, if it is determined that the access is abnormal, the font server 10 may transmit an error response to the client 30 and notify the web server 20 of the abnormal access. Here, an abnormal access is a web font request that does not go through the client's web server 20, and may include, for example, a case where a general user intercepts a URL that requests the font server 10 in a web browser to obtain a web font file and makes a request to the font server 10 directly.

[0084] That is, the present invention can prevent the leakage of font designs of paid fonts by rejecting web font file requests from domains and IP addresses that have not been pre-registered through the above-described authentication procedure.

[0085] If the font request is determined to be valid through the service authentication procedure, the font server 10 may generate an optimized web font subset based on the web font request information (S207). Here, the web font subset may refer to a font file with a reduced number of characters to improve dynamic loading performance.

[0086] Specifically, the font server 10 can generate a web font subset by performing font subsetting based on text information in the web font request information and pre-stored web fonts.

[0087] The font server 10 may store the generated web font subset for a predetermined period of time. The predetermined period may be variably determined depending on the size and frequency of use of the web font subset. For example, if the size of the web font subset is large or the frequency of use is high, the font server 10 may increase the predetermined period, and if the frequency of use is low, the font server 10 may decrease the predetermined period.

[0088] Next, the font server 10 may transmit web font information to the client 30 based on the web font request information (S208). Here, the web font information is data composed of web font subsets generated based on text information in the web font request information, and may also include alternative font subsets depending on whether alternative fonts are included.

[0089] For example, when receiving the same web font request from the client 30, the font server 10 can immediately transmit web font information to the client 30 based on a pre-generated and stored web font subset.

[0090] Then, the client 30 can render the web page in the website and display the text based on the web font information provided by the font server 10 (S209). For example, the text of the web page in the website can be displayed as shown in FIG.

[0091] Specifically, (a) in Figure 8 is an example diagram showing a web page screen within a website before the web font is applied, and (b) is an example diagram showing a web page screen within a website after the web font is applied.

[0092] In addition, in (b) of Figure 8, the substitute font function is applied so that the text in the title area is displayed in English and the numbers are displayed in purple font, and the text in the main text area is displayed in English and the numbers are displayed in a different font shape.

[0093] According to the present invention, the time consumed by using web fonts when rendering a web page can be minimized by using a web font module that collects text within a website by font, generates text information, generates CSS information based on the generated text, and inserts the CSS information into an HTML document.

[0094] In addition, when providing web font information, the size of the web font can be reduced by using an optimized web font subset.

[0095] Furthermore, by reducing the size of the web font, the download time of the web font can be shortened, and network traffic and costs can be reduced.

[0096] In addition, the present invention uses a web font module to which a substitute font is applied, allowing you to easily replace missing glyphs in a specific font or mix different fonts to emphasize specific characters.

[0097] Meanwhile, the above-described web font service is not limited to web fonts provided to websites, but can be applied to various fields that display text. For example, the above-described web font service can be applied to conversational applications such as messengers.

[0098] Hereinafter, a process for registering service usage information for using an application-based font service will be described with reference to FIG.

[0099] FIG. 9 is a conceptual diagram illustrating a process for registering font service usage information according to another embodiment of the present invention.

[0100] Referring to FIG. 9, a customer 22 who has purchased a font to be applied to an application registers the information necessary to use the font with the font server 10, and the font server 10 requests and receives the source font from the source font server 12.

[0101] In addition, the font server 10 generates font request format information and provides it to the customer 22, and the customer 22 can use the font service by applying the font request information to an account of the application management server 40.

[0102] This will be explained more specifically with reference to FIG.

[0103] FIG. 10 is a timing diagram illustrating a process of registering service usage information according to another embodiment of the present invention.

[0104] 10, the application management server 40 provides a service module such as a font purchase module, and the customer 22 can purchase fonts through the application management server 40. Here, the application management server 40 is a server that provides interactive applications, and the customer 22 can request a font service through an interface provided by the application management server 40.

[0105] Therefore, the following describes the process of the application administration server 40 making a request via the client 22 interface.

[0106] First, the customer 22 can purchase a font provided by the font server 10 via the application management server 40 (S1001). Next, the application management server 40 can provide the font server 10 with service usage information for using the font service (S1002).

[0107] Then, the font server 10 requests and receives a source font from the source font server 12 based on the received service usage information, and can acquire and store the font based on the source font (S1003).

[0108] The font server 10 can also generate and store user authentication information (S1004).

[0109] The font server 10 may also generate and store font format information for requesting a font based on the acquired font (S1005). Here, the font format information may include information on the font type, font size, font style, font thickness, etc.

[0110] Next, the font server 10 can provide the generated font style information to the application management server 40 (S1006).

[0111] Then, the application operating server 40 can provide a font service by setting the font based on the font style information (S1007).

[0112] Meanwhile, the above steps (S1001) to (S1007) are performed in the same manner as the web font service registration process of FIG. 3, so detailed description thereof will be omitted.

[0113] Next, a method for providing an application-based font service will be described with reference to FIG.

[0114] FIG. 11 is a conceptual diagram illustrating a method for providing a font service according to another embodiment of the present invention.

[0115] Referring to FIG. 11, when a first client 51 using an application selects a font to be used for chatting through a chat application and then inputs conversation content, the application management server 40 can transfer font format information along with the conversation content to the first client 51 and the second client 52, respectively.

[0116] The first client 51 and the second client 52 can request a font from the font server 10 based on the font style information, receive the font information, and then display text in the application based on the font information. Here, the first client 51 and the second client 52 are terminals of users who use the application, and may refer to smartphones, tablets, PCs, etc.

[0117] In this regard, a method for providing an application-based font service will be described in more detail with reference to FIG.

[0118] FIG. 12 is a timing diagram illustrating a method for providing font services according to another embodiment of the present invention.

[0119] 12, the first client 51 can select a font to be used through an application, input conversation content, and transmit it to the application operating server 40 (S2001). Here, the conversation content and font selection information input to the application operating server 40 can be transmitted together.

[0120] Next, the application management server 40 can select font style information based on the font selection information and provide the user's conversation content including the font style information to the first client 51 (S2002) and the other party's conversation content including the font style information to the second client 52 (S2003).

[0121] Then, the first client 51 and the second client 52 can request the font file from the font server 10 based on the font format information (S2004).

[0122] Next, the font server 10 can perform a font service authentication procedure based on pre-stored user authentication information (S2005).

[0123] The font server 10 can also generate and store an optimized font subset based on the font style information (S2006).

[0124] The font server 10 can then provide font information based on the font style information. Specifically, the font server 10 can provide font information based on the generated font subset.

[0125] Then, the first client 51 and the second client 52 that have received the font information can display text on the screen within the chat application based on the font information (S2008).

[0126] Meanwhile, the above steps (S2001) to (S2008) are performed in the same manner as the corresponding steps of the web font service method of FIG. 7, and therefore detailed description thereof will be omitted.

[0127] According to the present invention, it is possible to collect text within a website by font and generate efficient, de-identified text information, thereby reducing network traffic and costs.

[0128] Furthermore, the present invention can provide readable information to the user by using a web font module to which an alternative font is applied.

[0129] Furthermore, the various embodiments described herein may be implemented, for example, using software, hardware, or a combination thereof in a computer- or similar device-readable storage medium.

[0130] According to a hardware implementation, the embodiments described herein may be implemented using at least one of application specific integrated circuits (ASICs), digital signal processors (DSPs), digital signal processing devices (DSPDs), programmable logic devices (PLDs), field programmable gate arrays (FPGAs), processors, controllers, micro-controllers, microprocessors, or other functionally performing electrical units. In some cases, the embodiments described herein may be implemented as the control module itself.

[0131] In a software implementation, the procedures and functions described herein may be implemented in separate software modules, each of which may perform one or more of the functions and operations described herein. The software code may be implemented in a software application written in a suitable programming language. The software code may be stored in a memory module and executed by a control module.

[0132] The above description is merely an illustrative example of the technical concept of the present invention, and various modifications, variations and substitutions can be made by a person having ordinary knowledge in the technical field to which the present invention pertains without departing from the essential characteristics of the present invention.

[0133] Therefore, the embodiments and accompanying drawings disclosed in the present invention are for the purpose of explanation, not for the purpose of limiting the technical idea of ​​the present invention, and the scope of the technical idea of ​​the present invention is not limited by such embodiments and accompanying drawings. The scope of protection of the present invention should be interpreted by the following claims, and all technical ideas within the equivalent range should be interpreted as being included in the scope of the present invention.

Claims

1. A web font service method of a font server, comprising: receiving web font request information from a client who has received website information including an HTML tag for executing a web font module; transmitting web font information to the client based on the web font request information; The web font module generates CSS information including position information of the web font based on text information collected from the web page of the website for each font, and adds the CSS information to the website information; The client recognizes the generated CSS information and transmits the generated web font request information to a font server; The web font module determines whether or not there is text corresponding to an alternative font among the collected texts, and if there is text corresponding to an alternative font, classifies the text corresponding to the alternative font and generates text information for each font. A web font service method.

2. 10. The web font service method of claim 1, further comprising: performing a web font service authentication procedure by the font server using the received web font request information and pre-stored user authentication information.

3. The web font module:

2. The web font service method of claim 1, further comprising removing duplicated text from the collected text, arranging the text in Unicode order, and generating de-identified text information for each font.

4. The web font module:

4. The web font service method of claim 3, wherein if the length of the aligned text exceeds a predetermined length, the text is divided to generate text information for each unit font.

5. The font server receives service usage information for using the web font service from the user; acquiring web fonts based on the service usage information; generating a web font module dedicated to the user based on the acquired web font; 2. The web font service method of claim 1, further comprising the steps of: generating an HTML tag for executing the web font module; and providing the HTML tag to the user.

6. The step of transmitting the web font information to the client includes:

2. The web font service method of claim 1, further comprising: generating a font subset based on the web font request information; and transmitting web font information including the generated font subset to the client.

7. A web font service method for a web server, comprising: receiving a request from a client to access a website; providing website information to the client, the website information including HTML tags for executing a web font module; The web font module generates CSS information including position information of the web font based on text information collected from the web page of the website for each font, and adds the CSS information to the website information; The client recognizes the generated CSS information and transmits the generated web font request information to a font server; The web font module determines whether or not there is text corresponding to an alternative font among the collected texts, and if there is text corresponding to an alternative font, classifies the text corresponding to the alternative font and generates text information for each font. A web font service method.

8. The web font module:

10. The web font service method of claim 7, further comprising removing duplicated text from the collected text, arranging the text in Unicode order, and generating de-identified text information for each font.

9. The web font module:

10. The web font service method of claim 8, wherein if the length of the aligned text exceeds a predetermined length, the text is divided to generate text information for each unit font.

10. A font service system that provides a web font service, A client accesses a website and requests web font information required by the website; a web server that provides website information to the client who requests access to the website; a font server that provides web font information to the client; When the web server requests access to a website, the web server provides the client with website information including an HTML tag for executing a web font module; The web font module generates CSS information including position information of the web font based on text information collected from the web page of the website for each font, and adds the CSS information to the website information; The client recognizes the generated CSS information and transmits the generated web font request information to a font server; the font server generates web font information based on the web font request information and transmits the web font information to the client; The web font module determines whether or not there is text corresponding to an alternative font among the collected texts, and if there is text corresponding to an alternative font, classifies the text corresponding to the alternative font and generates text information for each font. A web font service system.

11. A computer-readable recording medium storing a program for performing the web font service method according to any one of claims 1 to 9.

Citation Information

Patent Citations

  • Web font distribution method and system therefor

    JP2015118619A

  • Font distribution system and font distribution method

    JP2017102763A

  • Method and systems for serving fonts during web browsing sessions

    US20120016964A1