KR20240045660A - Web font service method of font service system through glyphs considering the binding relationship of grapheme - Google Patents

Web font service method of font service system through glyphs considering the binding relationship of grapheme Download PDF

Info

Publication number
KR20240045660A
KR20240045660A KR1020220125249A KR20220125249A KR20240045660A KR 20240045660 A KR20240045660 A KR 20240045660A KR 1020220125249 A KR1020220125249 A KR 1020220125249A KR 20220125249 A KR20220125249 A KR 20220125249A KR 20240045660 A KR20240045660 A KR 20240045660A
Authority
KR
South Korea
Prior art keywords
font
web
information
server
website
Prior art date
Application number
KR1020220125249A
Other languages
Korean (ko)
Inventor
윤영호
윤현진
박동혁
Original Assignee
주식회사 산돌
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 주식회사 산돌 filed Critical 주식회사 산돌
Priority to KR1020220125249A priority Critical patent/KR20240045660A/en
Publication of KR20240045660A publication Critical patent/KR20240045660A/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06QINFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q50/00Systems or methods specially adapted for specific business sectors, e.g. utilities or tourism
    • G06Q50/10Services
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/103Formatting, i.e. changing of presentation of documents
    • G06F40/109Font handling; Temporal or kinetic typography
    • G06Q50/50

Abstract

본 발명은 폰트 서비스 시스템의 웹 폰트 서비스 방법에 관한 것으로, 폰트 서버의 웹 폰트 서비스 방법은 웹 폰트 모듈을 실행하기 위한 HTML 태그가 포함된 웹사이트 정보를 제공받은 클라이언트로부터 웹 폰트 요청 정보를 수신하는 단계; 및 상기 웹 폰트 요청 정보를 기초로 웹 폰트 정보를 상기 클라이언트로 전송하는 단계;를 포함하고, 상기 웹 폰트 모듈은 폰트별로 상기 웹사이트의 웹페이지 내 텍스트들을 취합한 텍스트 정보를 기초로 웹 폰트의 위치 정보가 포함된 CSS 정보를 생성하여 상기 웹사이트 정보에 추가하고, 상기 클라이언트는 상기 생성된 CSS 정보를 인식하여 생성된 웹 폰트 요청 정보를 폰트 서버로 전송할 수 있다.The present invention relates to a web font service method of a font service system. The web font service method of a font server includes receiving web font request information from a client provided with website information containing HTML tags for executing a web font module. step; And transmitting web font information to the client based on the web font request information, wherein the web font module generates web font information based on text information collected from texts in web pages of the website for each font. CSS information including location information is created and added to the website information, and the client can recognize the generated CSS information and transmit the generated web font request information to the font server.

Figure P1020220125249
Figure P1020220125249

Description

자소의 결합 관계를 고려한 글리프 기반의 폰트 서비스 시스템의 웹 폰트 서비스 방법{Web font service method of font service system through glyphs considering the binding relationship of grapheme}Web font service method of font service system through glyphs considering the binding relationship of grapheme}

본 발명은 웹 폰트 요청에 따른 웹 폰트를 제공하는 폰트 서비스 시스템의 웹 폰트 서비스 방법에 관한 것이다.The present invention relates to a web font service method of a font service system that provides web fonts according to web font requests.

웹 폰트는 웹사이트에서 텍스트를 표현하는데 폰트 파일을 사용하기 위한 기술로써, 모바일 및 태블릿 등 웹사이트에 접속하는 플랫폼이 다양화됨에 따라 웹 폰트의 사용이 증가하고 있다. 따라서, 웹사이트의 웹 페이지 내 웹 폰트를 빠르게 렌더링하는 것이 보다 중요해지고 있다.Web fonts are a technology for using font files to express text on websites. As platforms for accessing websites, such as mobile phones and tablets, become more diverse, the use of web fonts is increasing. Therefore, it is becoming more important to quickly render web fonts within a website's web pages.

이와 관련하여 종래의 웹 폰트 관련 선행 기술의 경우, 한번의 웹 사이트의 웹 페이지를 렌더링을 위하여 폰트 서버로 CSS 정보를 요청하여 수신하고, 이를 기초로 다시 웹 폰트를 요청하는 방식(순차적으로 2회 요청하는 방식)으로 동작하고 있다.In relation to this, in the case of prior art related to web fonts, CSS information is requested and received from a font server in order to render a web page of a single website, and a web font is requested again based on this (sequentially twice). It operates in a request method).

이와 같은 선행 특허의 웹 폰트 정보를 위해 2회 요청하는 방식은 웹 페이지의 렌더링 속도를 저해시키는 요소가 되며, 웹 폰트의 렌더링 속도가 늦어지는 경우, 여러 문제들이 야기될 수 있다.This prior patent's method of requesting web font information twice becomes a factor that slows down the rendering speed of web pages, and if the rendering speed of web fonts slows down, various problems may occur.

예를 들어, 웹 폰트의 렌더링 속도가 늦어지는 경우, 글자가 보이지 않다가 보이는 현상(FOIT, Flash of Invisible Text)과 글자가 깜빡이면서 바뀌는 현상(FOUT, Flash of Unstyled Text)이 발생하며 이는 웹사이트를 이용하는 고객들에게 불편함을 제공할 수 있다.For example, when the rendering speed of a web font is slow, a phenomenon in which text appears after being invisible (FOIT, Flash of Invisible Text) and a phenomenon in which text changes while blinking (FOUT, Flash of Unstyled Text) occur, which occurs on the website. It may cause inconvenience to customers using .

따라서, 웹사이트의 렌더링 속도를 향상시킬 수 있는 웹 폰트 서비스 방법이 요구되고 있다.Therefore, there is a need for a web font service method that can improve the rendering speed of websites.

1. 클라이언트에서 요청한 문자조합으로 생성된 웹 폰트 전송 시스템, 그리고 이를 이용한 웹 폰트 전송 방법(특허출원번호 10-2013-0060836)1. A web font transmission system created with a character combination requested by a client, and a web font transmission method using the same (patent application number 10-2013-0060836)

본 발명은 웹 폰트 요청에 따른 웹 폰트를 제공하는 웹 폰트 서비스 방법을 제안하는 것을 목적으로 한다.The purpose of the present invention is to propose a web font service method that provides web fonts according to web font requests.

보다 구체적으로, 본 발명은 웹 폰트 사용으로 인한 시간 소모를 최소화하여 웹 사이트의 렌더링 속도를 향상시키기 위한 웹 폰트 서비스 방법을 제안하는 것을 목적으로 한다.More specifically, the purpose of the present invention is to propose a web font service method to improve the rendering speed of a website by minimizing time consumption due to the use of web fonts.

상기 기술적 과제를 해결하기 위한 본 발명에 따른 폰트 서버의 웹 폰트 서비스 방법은 웹 폰트 모듈을 실행하기 위한 HTML 태그가 포함된 웹사이트 정보를 제공받은 클라이언트로부터 웹 폰트 요청 정보를 수신하는 단계; 및 상기 웹 폰트 요청 정보를 기초로 웹 폰트 정보를 상기 클라이언트로 전송하는 단계;를 포함하고, 상기 웹 폰트 모듈은 폰트별로 상기 웹사이트의 웹페이지 내 텍스트들을 취합한 텍스트 정보를 기초로 웹 폰트의 위치 정보가 포함된 CSS 정보를 생성하여 상기 웹사이트 정보에 추가하고, 상기 클라이언트는 상기 생성된 CSS 정보를 인식하여 생성된 웹 폰트 요청 정보를 폰트 서버로 전송하는 것이 바람직하다.A web font service method of a font server according to the present invention for solving the above technical problem includes the steps of receiving web font request information from a client provided with 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 web font information based on text information collected from texts in web pages of the website for each font. Preferably, CSS information including location information is created and added to the website information, and the client recognizes the generated CSS information and transmits the generated web font request information to the font server.

또한, 상기 폰트 서버는 수신된 웹 폰트 요청 정보와 기 저장된 사용자 인증 정보를 이용하여 웹 폰트 서비스 인증 절차를 수행하는 단계를 더 포함할 수 있다.Additionally, the font server may further include performing a web font service authentication procedure using the received web font request information and pre-stored user authentication information.

또한, 상기 웹사이트 정보에 추가하는 단계는 취합된 텍스트들 중 중복된 텍스트를 제거하고, 유니코드 순으로 텍스트를 정렬 및 비식별화(de-Identification)를 수행하여 상기 폰트 별 텍스트 정보를 생성할 수 있다.In addition, the step of adding to the website information removes duplicate texts from the collected texts, sorts and de-identifies the texts in Unicode order, and generates text information for each font. You can.

또한, 상기 웹사이트 정보에 추가하는 단계는 취합된 텍스트들 중 텍스트의 길이가 소정 길이를 초과하는 경우, 해당 텍스트를 분할하여 상기 폰트 별 텍스트 정보를 생성할 수 있다.Additionally, in the step of adding to the website information, if the length of a text among the collected texts exceeds a predetermined length, the text may be divided to generate text information for each font.

또한, 상기 웹사이트 정보에 추가하는 단계는 취합된 텍스트들 중 대체 폰트에 대응되는 텍스트 유무를 판단하고, 대체 폰트에 대응되는 텍스트가 포함된 경우, 대체 폰트에 대응되는 텍스트를 구분하여 상기 폰트 별 텍스트 정보를 생성할 수 있다.In addition, the step of adding to the website information determines whether there is a text corresponding to the alternative font among the collected texts, and if text corresponding to the alternative font is included, the text corresponding to the alternative font is classified and Text information can be generated.

또한, 폰트 서버는 고객으로부터 상기 웹 폰트 서비스를 이용하기 위한 서비스 사용 정보를 수신하는 단계, 상기 서비스 사용 정보를 기초로 웹 폰트를 획득하는 단계, 획득된 웹 폰트를 기초로 상기 고객 전용의 웹 폰트 모듈을 생성하는 단계 및 상기 웹 폰트 모듈을 실행하기 위한 HTML태그를 생성하고 상기 HTML 태그를 상기 고객에게 제공하는 단계를 더 포함할 수 있다.In addition, the font server receives service usage information for using the web font service from a customer, acquires a web font based on the service usage information, and creates a web font dedicated to the customer based on the acquired web font. It may further include generating a module, generating an HTML tag for executing the web font module, and providing the HTML tag to the customer.

또한, 상기 웹 폰트 정보를 상기 클라이언트로 전송하는 단계는 상기 웹 폰트 요청 정보를 기초로 폰트 서브셋을 생성하고, 생성된 폰트 서브셋을 기초로 웹 폰트 정보를 상기 클라이언트로 전송할 수 있다.Additionally, the step of transmitting the web font information to the client may generate a font subset based on the web font request information and transmit the web font information to the client based on the generated font subset.

한편, 웹 서버의 웹 폰트 서비스 방법은 클라이언트로부터 웹 사이트의 접속 요청을 수신하는 단계; 및 웹 폰트 모듈을 실행하기 위한 HTML 태그가 포함된 웹 사이트 정보를 상기 클라이언트로 제공하는 단계;를 포함하고, 상기 웹 폰트 모듈은 폰트별로 상기 웹사이트의 웹페이지 내 텍스트들을 취합한 텍스트 정보를 기초로 웹 폰트의 위치 정보가 포함된 CSS 정보를 생성하여 상기 웹사이트 정보에 추가하고, 상기 클라이언트는 상기 생성된 CSS 정보를 인식하여 생성된 웹 폰트 요청 정보를 폰트 서버로 전송하는 것이 바람직하다.Meanwhile, a web font service method of a web server includes receiving a web site connection request from a client; and providing website information including HTML tags for executing a web font module to the client, wherein the web font module is based on text information that collects texts in web pages of the website for each font. It is preferable that CSS information containing the location information of the web font is generated and added to the website information, and the client recognizes the generated CSS information and transmits the generated web font request information to the font server.

또한, 웹 폰트 서비스를 이용하기 위한 서비스 사용 정보를 폰트 서버로 송신하는 단계 및 상기 웹 폰트 서비스 사용 정보를 기초로 생성된 웹 폰트 모듈을 실행하기 위한 HTML 태그를 수신하는 단계를 더 포함할 수 있다.Additionally, the method may further include transmitting service usage information for using a web font service to a font server and receiving an HTML tag for executing a web font module generated based on the web font service usage information. .

한편, 웹 폰트 서비스를 제공하는 폰트 서비스 시스템은 웹 사이트에 접속하여 상기 웹 사이트에 필요한 웹 폰트 정보를 요청하는 클라이언트; 상기 웹 사이트의 접속을 요청한 상기 클라이언트로 웹사이트 정보를 제공하는 웹 서버; 및 웹 폰트 정보를 상기 클라이언트로 제공하는 폰트 서버;를 포함하고, 상기 웹 서버는 웹사이트에 접속을 요청하는 경우, 웹 폰트 모듈을 실행하기 위한 HTML 태그가 포함된 웹사이트 정보를 상기 클라이언트로 제공하고, 상기 웹 폰트 모듈은 폰트별로 상기 웹사이트의 웹페이지 내 텍스트들을 취합한 텍스트 정보를 기초로 웹 폰트의 위치 정보가 포함된 CSS 정보를 생성하여 상기 웹사이트 정보에 추가하고, 상기 클라이언트는 상기 생성된 CSS 정보를 인식하여 생성된 웹 폰트 요청 정보를 폰트 서버로 전송하고, 상기 폰트 서버는 상기 웹 폰트 요청 정보를 기초로 웹 폰트 정보를 생성하여 상기 클라이언트로 전송하는 것이 바람직하다.Meanwhile, a font service system that provides a web font service includes a client that accesses a website and requests web font information required by the website; a web server that provides website information to the client that requests access to the website; and a font server that provides web font information to the client, wherein, when requesting access to a website, the web server provides website information including an HTML tag for executing a web font module to the client. And, the web font module generates CSS information containing location information of the web font based on text information collected from texts in the web pages of the website for each font and adds it to the website information, and the client It is preferable to recognize the generated CSS information and transmit the generated web font request information to the font server, and the font server generates web font information based on the web font request information and transmits it to the client.

한편, 본 발명은 상술한 웹 폰트 서비스 방법을 수행하는 프로그램이 저장된 컴퓨터 판독 가능한 기록 매체로 구현될 수 있다.Meanwhile, the present invention can be implemented as a computer-readable recording medium storing a program for performing the above-described web font service method.

본 발명에 따르면, 웹 사이트 내 텍스트를 폰트 별로 취합하여 텍스트 정보를 생성하고, 이를 기초로 CSS 정보를 생성하여 HTML 문서에 삽입하는 웹 폰트 모듈을 이용함으로써, 웹 페이지 렌더링 시 웹 폰트 사용으로 인한 시간 소모를 최소화 할 수 있는 효과가 있다.According to the present invention, by using a web font module that collects text in a website by font to generate text information, generates CSS information based on this and inserts it into an HTML document, the time due to using web fonts when rendering a web page is reduced. It has the effect of minimizing consumption.

또한, 본 발명은 웹 폰트 정보를 제공 시 최적화된 웹 폰트 서브셋을 이용함으로써, 웹 폰트의 용량을 줄일 수 있으며, 웹 폰트의 다운로드 시간을 단축하고, 네트워크 트래픽 및 비용을 절감할 수 있는 효과가 있다.In addition, the present invention has the effect of reducing the capacity of web fonts, shortening the download time of web fonts, and reducing network traffic and costs by using an optimized web font subset when providing web font information. .

또한, 본 발명은 대체 폰트가 적용된 웹 폰트 모듈을 이용함으로써, 용이하게 특정 폰트의 빠진 글리프를 대체하거나, 특정 글자를 돋보이게 하기 위하여 서로 다른 폰트와 섞어서 이용할 수 있는 효과가 있다.In addition, by using a web font module to which a replacement font is applied, the present invention has the effect of easily replacing missing glyphs of a specific font or mixing it with other fonts to make specific letters stand out.

도 1은 본 발명의 일 실시예에 따른 폰트 서비스 시스템을 나타낸 예시도이다.
도 2는 본 발명의 일 실시예에 따른 웹 폰트 서비스를 이용하기 위한 서비스 사용 정보 등록 과정을 나타낸 개념도이다.
도 3은 본 발명의 일 실시예에 따른 웹 폰트 서비스를 이용하기 위한 서비스 사용 정보 등록 과정을 나타낸 타이밍도이다.
도 4는 본 발명의 일 실시예에 따른 대체 폰트 정보를 나타낸 예시도이다.
도 5는 본 발명의 일 실시예에 따른 웹 폰트 모듈을 실행하기 위한 HTML 태그를 나타낸 예시도이다.
도 6은 본 발명의 일 실시예에 따른 웹 폰트 서비스 방법을 나타낸 개념도이다.
도 7은 본 발명의 일 실시예에 따른 웹 폰트 서비스 방법을 나타낸 타이밍도이다.
도 8은 본 발명의 일 실시예에 따른 웹 페이지 화면을 나타낸 예시도이다.
도 9는 본 발명의 다른 실시예에 따른 폰트 서비스 사용 정보 등록 과정을 나타낸 개념도이다.
도 10은 본 발명의 다른 실시예에 따른 폰트 서비스 사용 정보 등록 과정을 나타낸 타이밍도이다.
도 11은 본 발명의 다른 실시예에 따른 폰트 서비스를 제공하는 방법을 나타낸 개념도이다.
도 12는 본 발명의 다른 실시예에 따른 폰트 서비스를 제공하는 방법을 나타낸 타이밍도이다.
Figure 1 is an exemplary diagram showing a font service system according to an embodiment of the present invention.
Figure 2 is a conceptual diagram showing a service usage information registration process for using a web font service according to an embodiment of the present invention.
Figure 3 is a timing diagram showing a service usage information registration process for using a web font service according to an embodiment of the present invention.
Figure 4 is an exemplary diagram showing alternative font information according to an embodiment of the present invention.
Figure 5 is an example diagram showing an HTML tag for executing a web font module according to an embodiment of the present invention.
Figure 6 is a conceptual diagram showing a web font service method according to an embodiment of the present invention.
Figure 7 is a timing diagram showing a web font service method according to an embodiment of the present invention.
Figure 8 is an exemplary diagram showing a web page screen according to an embodiment of the present invention.
Figure 9 is a conceptual diagram showing a font service usage information registration process according to another embodiment of the present invention.
Figure 10 is a timing diagram showing the font service usage information registration process according to another embodiment of the present invention.
Figure 11 is a conceptual diagram showing a method of providing a font service according to another embodiment of the present invention.
Figure 12 is a timing diagram showing a method of providing a font service according to another embodiment of the present invention.

이하의 내용은 단지 발명의 원리를 예시한다. 그러므로 당업자는 비록 본 명세서에 명확히 설명되거나 도시 되지 않았지만 발명의 원리를 구현하고 발명의 개념과 범위에 포함된 다양한 장치를 발명할 수 있는 것이다. 또한, 본 명세서에 열거된 모든 조건부 용어 및 실시 예들은 원칙적으로, 발명의 개념이 이해되도록 하기 위한 목적으로만 명백히 의도되고, 이외같이 특별히 열거된 실시 예들 및 상태들에 제한적이지 않는 것으로 이해되어야 한다. The following merely illustrates the principles of the invention. Therefore, a person skilled in the art can invent various devices that embody the principles of the invention and are included in the concept and scope of the invention, although not clearly described or shown herein. In addition, all conditional terms and embodiments listed in this specification are, in principle, clearly intended only for the purpose of ensuring that the inventive concept is understood, and should be understood as not limiting to the specifically listed embodiments and states. .

상술한 목적, 특징 및 장점은 첨부된 도면과 관련한 다음의 상세한 설명을 통하여 보다 분명해질 것이며, 그에 따라 발명이 속하는 기술분야에서 통상의 지식을 가진 자가 발명의 기술적 사상을 용이하게 실시할 수 있을 것이다. The above-mentioned purpose, features and advantages will become clearer through the following detailed description in relation to the attached drawings, and accordingly, those skilled in the art in the technical field to which the invention pertains will be able to easily implement the technical idea of the invention. .

또한, 발명을 설명함에 있어서 발명과 관련된 공지 기술에 대한 구체적인 설명이 발명의 요지를 불필요하게 흐릴 수 있다고 판단되는 경우에 그 상세한 설명을 생략하기로 한다. 이하에는 첨부한 도면을 참조하여 본 발명의 바람직한 실시 예에 대해 상세하게 설명한다.Additionally, when describing the invention, if it is determined that a detailed description of known technology related to the invention may unnecessarily obscure the gist of the invention, the detailed description will be omitted. Hereinafter, preferred embodiments of the present invention will be described in detail with reference to the attached drawings.

도 1은 본 발명의 일 실시예에 따른 폰트 서비스 시스템을 나타낸 예시도이다.Figure 1 is an exemplary diagram showing a font service system according to an embodiment of the present invention.

도 1을 참조하면, 폰트 서비스 시스템(1000)은 폰트 서버(10), 웹 서버(20) 및 클라이언트(30)로 구성될 수 있다.Referring to FIG. 1, the font service system 1000 may be comprised of a font server 10, a web server 20, and a client 30.

폰트 서버(10)는 여러 폰트 파일들과 폰트 서브셋들을 생성 및 저장하며, 폰트를 요청하는 대상에게 다양한 폰트 정보를 제공할 수 있다.The font server 10 creates and stores several font files and font subsets, and can provide various font information to those requesting fonts.

구체적으로 폰트 서버(10)는 클라이언트(30)의 웹 폰트 요청에 따라 웹 폰트 정보를 제공할 수 있으며, 웹 폰트 서비스 인증 절차, 웹 폰트 서비스 등록 절차 등을 수행할 수 있다. 또한, 폰트 서버(10)는 웹 폰트를 기초로 고객 전용의 웹 폰트 모듈을 생성할 수 있다.Specifically, the font server 10 can provide web font information according to a web font request from the client 30, and can perform web font service authentication procedures, web font service registration procedures, etc. Additionally, the font server 10 can create a customer-specific web font module based on web fonts.

웹 서버(20)는 사용자에게 웹(Web) 서비스를 제공하기 위한 서버로써, 웹 사이트에 접속을 요청하는 클라이언트(30)들로 웹사이트 정보를 제공할 수 있다.The web server 20 is a server for providing web services to users, and can provide website information to clients 30 requesting access to the website.

클라이언트(30)는 웹사이트에 접속하여 웹사이트에 필요한 웹 폰트 정보를 요청하는 웹 브라우저(web browser) 또는 HTML(HyperText Markup Language)을 렌더링하는 웹 뷰(Web view)의 형태를 포함하는 개념일 수 있다. 예를 들어, 클라이언트(30)는 스마트폰, 컴퓨터, 노트북 및 태블릿 등에서 사용되는 웹브라우저인 사파리(Safari), 크롬(Chrome), 엣지(Edge), 인터넷익스플로러(Internet Explorer), 파이어폭스(Firefox) 등 일 수 있다. 또는 안드로이드나 iOS와 같은 운영체제 상에서 네트워크와 연동하여 동작하는 어플리케이션을 포함할 수 있다.The client 30 may be a concept that includes a web browser that accesses a website and requests web font information required for the website, or a web view that renders HTML (HyperText Markup Language). there is. For example, the client 30 is a web browser used in smartphones, computers, laptops, and tablets such as Safari, Chrome, Edge, Internet Explorer, and Firefox. It may be, etc. Alternatively, it may include an application that operates in conjunction with a network on an operating system such as Android or iOS.

이하에서는 도 2를 참조하여 웹 폰트 서비스를 이용하기 위한 서비스 사용 정보를 등록하는 과정에 대해 설명한다.Hereinafter, the process of registering service usage information for using the web font service will be described with reference to FIG. 2.

도 2는 본 발명의 일 실시예에 따른 웹 폰트 서비스를 이용하기 위한 서비스 사용 정보 등록 과정을 나타낸 개념도이다.Figure 2 is a conceptual diagram showing a service usage information registration process for using a web font service according to an embodiment of the present invention.

도 2를 참조하면, 고객(22)들은 웹 폰트 서비스를 이용하기 위해 웹 폰트 서비스 사용 정보를 폰트 서버(10)로 전송하고, 폰트 서버(10)는 웹 폰트 서비스 사용 정보를 기초로 해당 고객을 등록할 수 있다. 여기서, 고객(22)은 웹 서버(20)에 웹 폰트를 적용하려는 사용자로써, 폰트 구매자를 의미할 수 있다.Referring to FIG. 2, customers 22 transmit web font service usage information to the font server 10 in order to use the web font service, and the font server 10 selects the customer based on the web font service usage information. You can register. Here, the customer 22 is a user who wants to apply a web font to the web server 20 and may mean a font purchaser.

그리고, 폰트 서버(10)는 서비스 사용 정보를 기초로 고객(22)이 사용할 웹 폰트가 존재하는지 폰트 서버(10) 내 폰트 목록을 확인하고, 해당 폰트가 없는 경우에는 해당 폰트에 대응되는 원천 웹 폰트를 원천 폰트 서버(12)로 요청하여 원천 웹 폰트를 제공 받을 수 있다.In addition, the font server 10 checks the font list in the font server 10 to see if a web font to be used by the customer 22 exists based on the service usage information, and if the font does not exist, the source web font corresponding to the font is The source web font can be provided by requesting the font from the source font server 12.

또한, 폰트 서버(10)는 웹 폰트를 기초로 해당 고객(22) 전용의 웹 폰트 모듈을 생성하여 저장하고, 사용자 인증을 위한 사용자 인증 정보를 생성 및 저장할 수 있다.Additionally, the font server 10 may create and store a web font module dedicated to the customer 22 based on the web font, and create and store user authentication information for user authentication.

그리고, 폰트 서버(10)는 해당 웹 폰트 모듈을 실행하기 위한 HTML태그를 생성하여 고객(22)에게 제공하고, 고객(22)은 자신의 웹 서버(20)에 해당 HTML태그를 웹사이트에 적용하여 웹 폰트 서비스를 이용할 수 있다.Then, the font server 10 creates an HTML tag for executing the web font module and provides it to the customer 22, and the customer 22 applies the HTML tag to the website on his or her web server 20. You can use the web font service.

한편, 도 2에서는 폰트 서버(10)와 원천 폰트 서버(12)가 분리된 구성으로 설명하였으나, 폰트 서버(10)와 원천 폰트 서버(12)의 구성은 이에 제한되지 않는다. 예를 들어 원천 폰트 서버(12)는 폰트 서버(10)의 하나의 데이터베이스로 존재할 수도 있다.Meanwhile, in FIG. 2, the font server 10 and the source font server 12 are described as separate configurations, but the configuration of the font server 10 and the source font server 12 is not limited thereto. For example, the source font server 12 may exist as one database of the font server 10.

이어서, 상술한 서비스 사용 정보 등록 과정과 관련하여 도 3을 참조하여 보다 구체적으로 설명한다.Next, the above-described service usage information registration process will be described in more detail with reference to FIG. 3.

도 3은 본 발명의 일 실시예에 따른 서비스 사용 정보 등록 과정을 나타낸 타이밍도이다.Figure 3 is a timing diagram showing the service usage information registration process according to an embodiment of the present invention.

도 3에는 설명의 편의성을 높이기 위해 고객(22)이 운영하는 웹 서버(20)를 중심으로 폰트 서버(10) 간의 정보 송수신 과정을 설명한다.In Figure 3, in order to increase convenience of explanation, the process of transmitting and receiving information between the font servers 10, focusing on the web server 20 operated by the customer 22, is explained.

도 3을 참조하면, 웹 서버(20)는 웹 사이트에 이용할 웹 폰트를 폰트 서버(10)로부터 구매할 수 있다(S101). 예를 들어, 웹 서버(20)는 각 웹 폰트를 소정 가격으로 개별적으로 구매하거나, 소정 기간 이용할 수 있는 이용권을 소정 가격으로 구매하는 것도 가능하다. 또는 구독형으로 특정 웹 폰트 셋을 자유롭게 이용할 수 있는 방식으로 구매하는 것도 가능하다.Referring to FIG. 3, the web server 20 may purchase a web font to be used on a website from the font server 10 (S101). For example, the web server 20 can purchase each web font individually at a predetermined price, or purchase a license that can be used for a predetermined period of time at a predetermined price. Alternatively, it is also possible to purchase a subscription type that allows you to freely use a specific set of web fonts.

웹 폰트 구매 방식은 상술한 예시에 한정되지 않으며 폰트 서버(10)의 판매 방식에 따라 다양하게 구매하여 이용할 수 있다.The method of purchasing web fonts is not limited to the above-mentioned example, and can be purchased and used in various ways depending on the sales method of the font server 10.

다음, 웹 서버(20)는 웹 폰트 서비스를 사용하기 위한 정보를 폰트 서버(10)로 제공할 수 있다(S102). 구체적으로, 웹 서버(20)는 웹 폰트 서비스를 이용하기 위한 서비스 사용 정보를 폰트 서버(10)로 제공할 수 있다. 여기서, 서비스 사용 정보에는 웹 서버(20)에서 이용할 폰트 목록, 고객명, 구매하고자 하는 폰트 상품명, 서비스 이용 기간, 적용 도메인 및 테스트용 IP 중 적어도 하나 이상이 포함될 수 있다. Next, the web server 20 may provide information for using the web font service to the font server 10 (S102). Specifically, the web server 20 may provide service usage information for using the web font service to the font server 10. Here, the service use information may include at least one of the list of fonts to be used in the web server 20, customer name, product name of the font to be purchased, service use period, application domain, and test IP.

나아가, 본 실시예에서 웹 서버(20)는 폰트 특성 상 지원하는 언어나 형식의 범위가 각각 다를 수 있으므로 텍스트 내에 지원하지 않는 언어나 형식의 문자를 다른 유사한 형태의 대체 폰트로 서비스를 요청하는 것도 가능하다.Furthermore, in this embodiment, the range of languages or formats supported by the web server 20 may be different due to the nature of the font, so it is also possible to request service with a replacement font of another similar type for characters in a language or format that is not supported in the text. possible.

따라서, 웹 서버(20)는 대체 폰트 정보가 추가로 포함된 서비스 사용 정보를 폰트 서버(10)로 제공할 수도 있다. 구체적으로, 대체 폰트는 특정 폰트에 포함되어 있지 않은 글자를 다른 폰트로 대체하여 화면에 표시하는데 이용되는 폰트로써, 의도적으로 일부 글자를 다른 폰트로 대체할 때 이용될 수도 있으며, 대체 폰트 정보에는 대체 폰트의 시작 위치, 종료 위치 및 대체 폰트의 종류 중 적어도 하나 이상이 포함될 수 있다.Accordingly, the web server 20 may provide service usage information that additionally includes alternative font information to the font server 10. Specifically, a replacement font is a font used to replace characters not included in a specific font with another font and display them on the screen. It may be used when intentionally replacing some characters with another font, and the replacement font information includes the replacement font. At least one of the font's start position, end position, and type of replacement font may be included.

예를 들어, 한글 폰트에 한자 글리프(Glyph)가 포함되어 있지 않아 다른 폰트로 대체 필요한 경우, 영문자를 의도적으로 돋보이게 하기 위하여 특이한 폰트로 대체하여 표시하는 경우, 숫자(U+0030 ~ U+0039 영역)를 특정 폰트로 대체하는 경우, 영어 대문자 (U+0041 ~ U+005A 영역)를 특정 폰트로 대체하는 경우, 한자(U+4E00 ~ U+9FFF 영역)를 특정 폰트로 대체하는 경우, ASCII코드(U+0200 ~ U+007E 영역)를 특정 폰트로 대체하는 경우에 대체 폰트 정보가 이용될 수 있다. 이때, 대체 폰트 정보 내 영역 지정은 유니코드를 이용하기 때문에 유니코드의 모든 텍스트에 대하여 자유롭게 지정할 수 있다.For example, if the Korean font does not contain Chinese character glyphs and needs to be replaced with another font, or if English letters are intentionally displayed by replacing them with a unique font to make them stand out, numbers (U+0030 to U+0039 area) ) when replacing with a specific font, when replacing English capital letters (U+0041 ~ U+005A area) with a specific font, when replacing Chinese characters (U+4E00 ~ U+9FFF area) with a specific font, ASCII code When replacing (U+0200 to U+007E area) with a specific font, replacement font information can be used. At this time, because the area designation within the alternative font information uses Unicode, it can be freely specified for all Unicode text.

구체적으로, 대체 폰트 정보는 {대체대상폰트ID :[{“range”:[시작 위치, 종료위치], “fontID”: 대체 폰트ID}, {“range”:...}...]}, 대체 대상 폰트 ID : 대체하고자 하는 대상 폰트의 ID, 유니코드 범위 (range) : 대체하고자 하는 글자의 유니코드 범위, [시작 유니코드, 종료 유니코드] 형태, 숫자 [0030, 0039], 영어 대문자 [0041, 005A], 영어 소문자 [0061, 007A] 대체 폰트ID (fontID) : 대체하고자 하는 폰트의 ID의 형태일 수 있다. 예를 들어, 대체 폰트 정보는 도 4와 같은 형태일 수 있다. Specifically, the replacement font information is {replacement target font ID:[{“range”:[start position, end position], “fontID”: replacement font ID}, {“range”:...}...]} , replacement target font ID: ID of the target font to be replaced, Unicode range: Unicode range of the character to be replaced, [start Unicode, end Unicode] form, number [0030, 0039], English capital letter [0041, 005A], English lowercase letters [0061, 007A] Replacement font ID (fontID): This may be in the form of the ID of the font to be replaced. For example, the replacement font information may have the form shown in FIG. 4.

나아가, 본 실시예에서는 대체 폰트를 선정하는 조건으로 요청하는 폰트 목록의 특징 벡터를 이용하여 벡터의 유사도를 기준으로 대체 폰트를 추출하는 것도 가능하다. 또한 대체 폰트는 유니코드 범위로 각각 구분되어 설정되는 것도 가능하다.Furthermore, in this embodiment, it is also possible to extract a replacement font based on the similarity of the vector by using the feature vector of the font list requested as a condition for selecting a replacement font. Additionally, alternative fonts can be set separately by Unicode range.

구체적으로 특정 유니코드 내 폰트의 특징을 인코딩함으로써 벡터화하고 해당 벡터들이 존재하는 특징 공간 내 유사도를 기초로 대체 폰트를 선별함으로써 폰트의 미지원으로 인한 이질감을 최소화할 수 있다.Specifically, by encoding the features of the font in a specific Unicode, vectorizing it and selecting a replacement font based on the similarity in the feature space where the vectors exist, the sense of heterogeneity due to non-support of the font can be minimized.

이상의 서비스 사용 정보를 수신한 폰트 서버(10)는 식별 정보로 고객 고유 번호를 생성하여 서비스 사용 정보와 함께 저장하고, 서비스 사용 정보를 기초로 웹 폰트를 획득 및 저장할 수 있다(S103). 구체적으로, 폰트 서버(10)는 서비스 사용 정보 내 웹 서버(20)가 이용할 폰트 목록을 기초로 폰트 서버(10) 내 기 저장된 폰트 목록을 탐색하여 웹 폰트를 획득할 수 있다. The font server 10, which has received the above service use information, can generate a customer unique number as identification information, store it along with the service use information, and obtain and store web fonts based on the service use information (S103). Specifically, the font server 10 may obtain a web font by searching the font list previously stored in the font server 10 based on the font list to be used by the web server 20 in the service usage information.

만약, 기 저장된 폰트 목록에 웹 서버(20)가 이용할 폰트 목록이 존재하지 않는 경우, 폰트 서버(10)는 원천 폰트 서버(12)로부터 원천 폰트를 요청하여 암호화된 원천 폰트를 제공 받고, 해당 원천 폰트를 복호화(decoding)하여 저장하며, 해당 원천 폰트를 이용하여 웹 폰트를 획득 및 저장할 수 있다.If there is no font list to be used by the web server 20 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, and sends the source font to the source font. Fonts are decoded and stored, and web fonts can be obtained and stored using the corresponding source font.

그리고, 폰트 서버(10)는 획득된 웹 폰트를 기초로 해당 웹 서버(20) 전용의 웹 폰트 모듈을 생성하여 저장할 수 있다(S104). 여기서, 웹 폰트 모듈은 웹사이트의 웹 페이지 내 텍스트들을 폰트 별로 취합하여 CSS 정보를 생성하여 해당 웹사이트 정보에 추가하도록 설계된 자바스크립트(JavaScript, JS) 기반의 프로그램일 수 있다.Additionally, the font server 10 may create 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 in a website's web pages for each font, generate CSS information, and add it to the website information.

또한, 서비스 사용 정보에 대체 폰트 정보가 포함된 경우, 폰트 서버(10)는 대체 폰트 정보가 적용된 웹 폰트 모듈을 생성하여 저장할 수 있다.Additionally, when service usage information includes alternative font information, the font server 10 may create and store a web font module to which the alternative font information is applied.

또한, 폰트 서버(10)는 수신된 서비스 사용 정보를 기초로 사용자 인증을 위한 사용자 인증 정보를 생성하여 저장할 수 있다(S105). 구체적으로, 폰트 서버(10)는 서비스 사용 정보 내 사용자를 구분할 수 있는 정보를 기초로 사용자 인증 정보를 생성하여 저장할 수 있다. 예를 들어, 사용자 인증 정보에는 고객 고유 번호, 고객명, 적용 도메인 및 테스트용 IP 등이 포함될 수 있다.Additionally, the font server 10 may generate and store user authentication information for user authentication based on the received service usage information (S105). Specifically, the font server 10 may generate and store user authentication information based on information that can identify users in service usage information. For example, user authentication information may include a customer identification number, customer name, applicable domain, and test IP.

다음, 폰트 서버(10)는 생성된 웹 폰트 모듈을 실행하기 위한 HTML태그를 생성(S106)하고 생성된 HTML 태그를 웹 서버(20)로 제공할 수 있다(S107).Next, the font server 10 may generate an HTML tag for executing the generated web font module (S106) and provide the generated HTML tag to the web server 20 (S107).

예를 들어, 폰트 서버(10)는 도 5와 같이 웹 폰트 모듈을 실행하기 위한 HTML태그를 생성하여 웹 서버(20)로 제공할 수 있다.For example, the font server 10 may generate HTML tags for executing a web font module as shown in FIG. 5 and provide the HTML tags to the web server 20.

그리고, 폰트 서버(10)로부터 HTML 태그를 수신한 웹 서버(20)는 자신의 웹사이트 정보에 수신된 HTML 태그를 적용하여 웹 폰트 서비스를 이용할 수 있다(S108). 구체적으로, 웹 서버(20)는 웹사이트 정보 내 HTML 문서에 HTML 태그를 삽입하여 웹 폰트 서비스를 이용할 수 있다.Then, the web server 20, which has received the HTML tag from the font server 10, can use the web font service by applying the received HTML tag to its website information (S108). Specifically, the web server 20 can use the web font service by inserting HTML tags into HTML documents within website information.

이와 같이 본 발명에 따르면, 짧은 길이의 HTML 태그를 HTML 문서에 삽입함으로써 고객들이 원하는 폰트를 용이하게 고객들의 웹사이트에 적용할 수 있다. 즉, 본 발명에 따르면 유료 폰트를 이용하는 사용자들의 사용 편의성을 높일 수 있다.According to the present invention, by inserting a short HTML tag into an HTML document, customers can easily apply the font they want to their website. In other words, according to the present invention, convenience of use for users who use paid fonts can be improved.

또한, 본 발명은 대체 폰트 정보가 적용된 웹 폰트 모듈을 이용함으로써, 고객은 웹 사이트의 HTML 코드 변경 없이 복수개의 폰트를 자유롭게 섞어서 이용할 수 있다.Additionally, the present invention uses a web font module to which alternative font information is applied, allowing customers to freely mix and use multiple fonts without changing the HTML code of the website.

또한, 본 발명은 대체 폰트 정보가 적용된 웹 폰트 모듈을 이용함으로써, 특정 폰트에서 제공하지 않는 글리프 때문에 사용이 제한이 있었던 기존 웹 폰트의 사용상 한계를 극복할 수 있다. Additionally, by using a web font module to which alternative font information is applied, the present invention can overcome limitations in the use of existing web fonts, which were limited in use due to glyphs not provided by a specific font.

한편, 사용할 폰트 목록을 변경하는 경우, 웹 서버(20)는 폰트 서버(10)로 폰트 목록 변경을 요청하고 변경된 폰트 목록이 적용된 웹 폰트 모듈을 수신하여 이용할 수 있다.Meanwhile, when changing the font list to be used, the web server 20 may request the font server 10 to change the font list and receive and use a web font module to which the changed font list is applied.

이와 같이 폰트 서비스를 이용하는 고객들은 변경된 폰트 목록이 적용된 웹 폰트 모듈을 웹 사이트에 적용함으로써, 웹 사이트에 적용되는 폰트를 용이하게 변경할 수 있다.In this way, customers using the font service can easily change the font applied to the website by applying the web font module to which the changed font list is applied to the website.

이어서, 도 6을 참조하여 폰트 서비스 시스템이 클라이언트에게 웹 폰트 서비스를 제공하는 방법에 대해 설명한다.Next, with reference to FIG. 6, how the font service system provides a web font service to a client will be described.

도 6은 본 발명의 일 실시예에 따른 웹 폰트 서비스 방법을 나타낸 개념도이다.Figure 6 is a conceptual diagram showing a web font service method according to an embodiment of the present invention.

도 6을 참조하면, 클라이언트(30)가 웹 서버(20)로 웹 사이트의 접속을 요청하는 경우, 웹 서버(20)는 해당 웹 사이트에 대응되는 웹 사이트 정보를 클라이언트(30)로 제공할 수 있다.Referring to FIG. 6, when the client 30 requests access to a website from the web server 20, the web server 20 can provide website information corresponding to the website to the client 30. there is.

그리고, 클라이언트(30)는 웹 사이트 정보를 기초로 폰트 서버(10)로 웹 폰트를 요청하여 웹 폰트를 제공 받고, 제공 받은 웹 폰트를 기초로 렌더링하여 해당 웹 사이트의 웹 페이지 내 텍스트를 표시할 수 있다.Then, the client 30 requests a web font from the font server 10 based on the website information, receives the web font, and renders it based on the provided web font to display text in the web page of the website. You can.

도 7을 참조하여 웹 폰트 서비스 방법을 보다 구체적으로 설명한다.The web font service method will be described in more detail with reference to FIG. 7.

도 7은 본 발명의 일 실시예에 따른 웹 폰트 서비스 방법을 나타낸 타이밍도이다.Figure 7 is a timing diagram showing a web font service method according to an embodiment of the present invention.

도 7을 참조하면, 클라이언트(30)는 웹 서버(20)로 웹 사이트 접속을 요청할 수 있다(S201). 구체적으로, 클라이언트(30)는 웹 사이트의 URL을 통해 웹 서버(20)로 웹 사이트 접속을 요청할 수 있다.Referring to FIG. 7, the client 30 may request web site access to the web server 20 (S201). Specifically, the client 30 may request website access to the web server 20 through the URL of the website.

다음, 웹 사이트 접속을 요청 받은 웹 서버(20)는 웹 폰트 모듈을 실행하기 위한 HTML 태그가 포함된 해당 웹 사이트의 웹 사이트 정보를 클라이언트(30)로 제공할 수 있다(S202). 여기서, 웹 사이트 정보는 해당 웹 사이트를 렌더링하는데 필요한 데이터로써, 이미지, 텍스트 등의 컨텐츠들이 포함된 HTML 문서를 의미할 수 있다.Next, the web server 20, which has received a request to access the website, may provide website information of the website including HTML tags for executing the web font module to the client 30 (S202). Here, website information is data needed to render the website, and may mean an HTML document containing contents such as images and text.

그리고, 클라이언트(30)가 웹 페이지를 렌더링할 때, 웹 사이트 정보 내 HTML 태그를 통해 웹 폰트 모듈이 실행되고, 실행된 웹 폰트 모듈은 폰트 별로 웹사이트의 웹페이지 내 텍스트들을 취합하여 폰트 별 텍스트 정보를 생성할 수 있다(S203). 여기서, 폰트 별 텍스트 정보는 폰트 별로 웹 사이트를 렌더링하는데 필요한 최소한의 텍스트들을 정리한 데이터를 의미할 수 있다.And, when the client 30 renders a web page, the web font module is executed through an HTML tag in the website information, and the executed web font module collects the texts in the web page of the website for each font and creates text for each font. Information can be generated (S203). Here, text information for each font may mean data that organizes the minimum text required to render a website for each font.

구체적으로, 텍스트 정보를 생성하는 단계(S203)는 웹 사이트의 웹 페이지 내 텍스트들을 폰트 별로 취합하고, 취합된 텍스트들 중 중복된 텍스트를 제거하고, 유니코드 순으로 텍스트 정렬을 통한 비식별화(de-Identification)를 수행할 수 있다.Specifically, the step of generating text information (S203) is to collect the texts in the web pages of the website by font, remove duplicate texts from the collected texts, and de-identify them by sorting the texts in Unicode order ( de-Identification) can be performed.

또한, 텍스트 정보를 생성하는 단계(S203)는 웹 사이트의 웹 페이지 내 폰트 별로 취합된 텍스트들 중 텍스트의 길이가 소정 길이를 초과하는 경우, 해당 텍스트를 기 결정된 길이로 분할한 후, 폰트 별 텍스트 정보를 생성할 수 있다. 즉, 코드 순으로 정렬된 텍스트를 단위 길이로 분할하는 것을 통해 응답성을 높임과 동시에 추가적인 비식별화 효과를 가질 수 있다. 또한, 텍스트를 구분하는 단위 길이는 해당 텍스트의 폰트 종류, 사용할 폰트 총 개수 및 폰트 서버(10)의 현재 가용 리소스에 따라 가변적으로 결정될 수 있다. 예를 들어, 현재 가용 리소스가 적은 경우, 소정 길이를 짧게 결정할 수 있다.In addition, in the step of generating text information (S203), if the length of the text among the texts collected for each font in the web page of the website exceeds a predetermined length, the text is divided into a predetermined length and the text for each font is divided. Information can be generated. In other words, by dividing text sorted in code order into unit lengths, responsiveness can be increased and additional de-identification effects can be achieved. Additionally, the unit length for dividing text may be variably determined depending on the font type of the text, the total number of fonts to be used, and the currently available resources of the font server 10. For example, if the currently available resources are small, the predetermined length may be determined to be short.

또한, 텍스트 정보를 생성하는 단계(S203)는 대체 폰트 필요 여부를 판단할 수도 있다. 구체적으로, 텍스트 정보를 생성하는 단계(S203)는 대체 폰트 정보를 기초로 웹 사이트의 웹 페이지 내 폰트 별로 취합된 텍스트들 중 대체 폰트에 대응되는 텍스트 유무를 판단할 수 있다. Additionally, the step of generating text information (S203) may determine whether a replacement font is needed. Specifically, in the step of generating text information (S203), the presence or absence of text corresponding to the replacement font among the texts collected for each font within the web page of the website may be determined based on the replacement font information.

예를 들어, 취합된 텍스트들 중 대체하고자 하는 글자의 유니코드(unicode) 범위에 대응되는 텍스트가 존재하는 경우, 웹 폰트 모듈은 대체 폰트가 필요하다고 판단할 수 있다. 상술한 바와 같이 본 실시예에서는 중복된 텍스트를 제거하고 유니코드 순으로 텍스트를 정렬함으로써 텍스트에 포함된 문언적 의미를 갖는 요소들을 비식별화 함과 동시에, 대체 폰트의 적용 범위를 정렬 순에 따라 보다 효율적으로 판단할 수 있다.For example, if there is text corresponding to the unicode range of the character to be replaced among the collected texts, the web font module may determine that a replacement font is needed. As described above, in this embodiment, by removing duplicate text and sorting the text in Unicode order, elements with literal meaning included in the text are de-identified, and the application range of the alternative font is adjusted according to the sort order. You can make decisions more efficiently.

따라서, 텍스트 정보를 생성하는 단계(S203)는 취합된 텍스들 중 대체 폰트에 대응되는 텍스트가 포함된 경우, 대체 폰트에 대응되는 텍스트와 대체 폰트에 대응되지 않는 텍스트를 구분하여 폰트 별 텍스트 정보를 생성할 수 있다.Therefore, in the step of generating text information (S203), when text corresponding to a replacement font is included among the collected texts, text information for each font is generated by distinguishing between text corresponding to the replacement font and text not corresponding to the replacement font. can be created.

예를 들어, 텍스트 정보를 생성하는 단계(S203)는 취합된 텍스트들 중 대체 폰트에 대응되는 텍스트와 이외의 텍스트를 구분하여 중복된 텍스트를 제거하고, 비식별화를 수행한 후, 텍스트의 길이가 소정 길이를 초과하는 텍스트를 기 결정된 길이로 분할하여 폰트 별 텍스트 정보를 생성할 수 있다.For example, in the step of generating text information (S203), among the collected texts, the text corresponding to the replacement font is distinguished from the text other than the text, the duplicate text is removed, de-identification is performed, and the length of the text is determined. Text information for each font can be generated by dividing text exceeding a predetermined length into a predetermined length.

다음, 실행된 웹 폰트 모듈은 생성된 폰트 별 텍스트 정보를 기초로 웹 폰트의 위치 정보가 포함된 CSS(cascading style sheets) 정보를 생성하여 웹사이트 정보에 생성된 CSS 정보를 추가할 수 있다(S204). 여기서, CSS 정보는 웹 문서의 전반적인 스타일을 저장한 스타일시트로써, 텍스트 폰트 종류, 폰트 크기, 폰트 스타일, 폰트 굵기 등에 대한 정보와 폰트 별 텍스트 정보가 포함될 수 있다.Next, the executed web font module can generate CSS (cascading style sheets) information containing the location information of the web font based on the text information for each generated font and add the generated CSS information to the website information (S204 ). Here, CSS information is a style sheet that stores the overall style of a web document, and may include information on text font type, font size, font style, font thickness, etc., as well as text information for each font.

그리고, 클라이언트(30)는 웹 사이트 정보 내 CSS 정보를 기초로 폰트 서버(10)로부터 웹 폰트 요청 정보를 전송할 수 있다(S205). 여기서, 웹 폰트 요청 정보에는 요청하는 웹 폰트에 대한 데이터와 웹 폰트 서비스를 이용하기 위한 인증 절차에 필요한 여러 데이터가 포함될 수 있다. 예를 들어, 웹 폰트 요청 정보에는 CSS 정보, 사용자 인증 정보가 포함될 수 있다. 여기서, 사용자 인증 정보는 웹 서버(20)로부터 획득된 것일 수 있다.Additionally, the client 30 may transmit web font request information from the font server 10 based on CSS information in the website information (S205). Here, the web font request information may include data about the requested web font and various data required for an authentication procedure to use the web font service. For example, 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.

다음, 폰트 서버(10)는 클라이언트(30)로부터 수신된 웹 폰트 요청 정보와 기 저장된 사용자 인증 정보를 이용하여 웹 폰트 서비스 인증 절차를 수행할 수 있다(S206). 구체적으로, 폰트 서버(10)는 웹 폰트 요청 정보 내 사용자 인증 정보와 기 저장된 사용자 인증 정보를 비교하여 정상적으로 고객사의 웹 서버(20)를 거친 요청인지 여부를 판단할 수 있다. 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 the previously stored user authentication information (S206). Specifically, the font server 10 may determine whether the request has normally passed through the customer company's web server 20 by comparing user authentication information in the web font request information with pre-stored user authentication information.

만약, 비정상적 접근이라고 판단되는 경우에는 폰트 서버(10)는 해당 클라이언트(30)로 오류 응답을 전송할 수 있으며, 비정상적 접근 사실을 해당 웹 서버(20)로 제공할 수 있다. 여기서, 비정상적 접근은 고객사의 웹 서버(20)를 거치지 않은 웹 폰트 요청으로, 예를 들어 웹 폰트 파일을 취득할 목적으로 웹브라우저에서 폰트 서버(10)로 요청하는 URL을 일반 사용자가 탈취하여 직접 폰트 서버(10)에 요청하는 경우 등이 포함될 수 있다.If it is determined that it is an abnormal access, the font server 10 may transmit an error response to the corresponding client 30 and provide the fact of the abnormal access to the corresponding web server 20. Here, abnormal access is a web font request that does not go through the customer company's web server 20. For example, an ordinary user hijacks the URL requested from a web browser to the font server 10 for the purpose of acquiring a web font file and directly accesses it. This may include a request to the font server 10, etc.

즉, 본 발명은 상술한 인증 절차를 통해 사전에 등록되지 않은 도메인, IP로부터 웹 폰트 파일 요청을 거부함으로써, 유료 폰트의 폰트 디자인이 유출되는 것을 방지할 수 있다.In other words, the present invention can prevent the font design of a paid font from being leaked by rejecting a web font file request from a domain or IP that has not been registered in advance through the above-described authentication process.

그리고, 서비스 인증 절차를 통해 정상적인 폰트 요청으로 판단된 경우, 폰트 서버(10)는 웹 폰트 요청 정보를 기초로 최적화된 웹 폰트 서브셋(web font subset)을 생성할 수 있다(S207). 여기서, 웹 폰트 서브셋은 동적 로드 성능을 개선하기 위해 글자수를 줄인 폰트 파일을 의미할 수 있다. Additionally, if it is determined to be a normal font request through the service authentication process, 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.

구체적으로, 폰트 서버(10)는 웹 폰트 요청 정보 내 텍스트 정보와 기 저장된 웹 폰트를 기초로 폰트 서브셋팅(font subsetting)을 수행하여 웹 폰트 서브셋을 생성할 수 있다.Specifically, the font server 10 may generate a web font subset by performing font subsetting based on text information in web font request information and pre-stored web fonts.

본 실시예에서 서브셋은 언어별 특성을 고려하여 동적으로 생성될 수 있다.In this embodiment, the subset can be dynamically created considering characteristics of each language.

예를 들어, 한글의 경우 자음과 모음의 결합 관계에 따라 각 글리프의 형태가 변화할 수 있으며 따라서 영어에 비하여 보다 다양한 글리프를 폰트에 포함할 필요가 있다.For example, in the case of Hangul, the shape of each glyph may change depending on the combination of consonants and vowels, and therefore it is necessary to include more diverse glyphs in the font compared to English.

즉, 일반적인 문자 자소 하나하나를 단위로 글리프로 구분하되 문자의 결합 관계를 고려하여 특정 문자 별로 글리프의 집합을 구성하고 폰트파일에 포함시킬 수 있다.In other words, each general character grapheme can be divided into glyphs as a unit, but considering the combination relationship between characters, a set of glyphs can be formed for each specific character and included in the font file.

이때, 본 실시예에서는 웹 폰트 요청 정보 내 텍스트를 분석하되 자음과 모음의 결합관계를 고려한 보다 다양한 경우의 글리프 중에서 필요한 글리프 만을 추출하여 서브셋을 동적으로 구현함으로써 폰트 파일의 용량을 줄일 수 있으며, 브라우저에서 효율적으로 처리하여 텍스트를 표시할 수 있도록 한다.At this time, in this embodiment, the text in the web font request information is analyzed, but only the necessary glyphs are extracted from a wider range of glyphs considering the combination relationship between consonants and vowels, and the subset is dynamically implemented, thereby reducing the size of the font file, and the browser so that the text can be displayed by processing it efficiently.

나아가, 이때의 문자의 결합 관계에 따른 글리프의 집합은 자음의 경우 모음의 형태를 기준으로 구분하되, 받침이 있는 경우와 없는 경우를 구분하여 구성될 수 있다. 모음의 경우 받침이 있는 경우와 없는 경우로 구분될 수 있다.Furthermore, at this time, the set of glyphs according to the character combination relationship can be composed by dividing consonants based on the shape of the vowel, with and without a consonant. Vowels can be divided into those with and without consonants.

그 외 한자나 일본어의 경우 문자의 결합 관계에 따라 형태가 변하는 특정 문자들에 대해서 글리프의 집합으로 구성할 수 있으며, 웹 폰트 요청 정보 내 텍스트를 분석하여 글리프의 집합 중 해당하는 글리프를 서브셋으로 구성하여 폰트 별 텍스트 정보를 제공할 수 있다.In the case of other Chinese characters or Japanese, specific characters whose form changes depending on the character combination relationship can be composed of a set of glyphs, and the text in the web font request information is analyzed to configure the corresponding glyphs from the set of glyphs into a subset. Thus, text information for each font can be provided.

즉, 본 실시예에서 폰트 별 텍스트 정보는 텍스트 내 특정 문자의 결합 관계를 정의하는 식별 정보를 더 포함하고 잉를 이용하여 서브셋을 폰트 서버가 생성할 수 있다.That is, in this embodiment, the text information for each font further includes identification information that defines the combination relationship of specific characters in the text, and the font server can generate a subset using Ing.

또한, 폰트 서버(10)는 생성된 웹 폰트 서브셋을 소정 기간 동안 저장할 수 있다. 여기서, 소정 기간은 웹 폰트 서브셋의 크기 및 사용 빈도에 따라 가변적으로 결정될 수 있다. 예를 들어, 해당 웹 폰트 서브셋의 크기가 크거나 사용 빈도가 많은 경우, 폰트 서버(10)는 해당 소정 기간을 늘릴 수 있으며, 사용 빈도가 낮은 경우에는 해당 소정 기간을 줄일 수 있다.Additionally, the font server 10 may store the generated web font subset for a predetermined period of time. Here, 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 corresponding web font subset is large or frequently used, the font server 10 may increase the given period, and if used infrequently, the font server 10 may shorten the given period.

다음, 폰트 서버(10)는 웹 폰트 요청 정보를 기초로 웹 폰트 정보를 클라이언트(30)로 전송할 수 있다(S208). 여기서, 웹 폰트 정보는 웹 폰트 요정 정보 내 텍스트 정보를 기초로 생성된 웹 폰트 서브셋들로 구성된 데이터로써, 대체 폰트 포함 유무에 따라 대체 폰트 서브셋도 포함될 수 있다.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 created based on text information in the web font fairy information, and may also include a replacement font subset depending on whether or not a replacement font is included.

만약, 클라이언트(30)로부터 동일한 웹 폰트 요청을 받는 경우, 폰트 서버(10)는 기 생성되어 저장된 웹 폰트 서브셋을 기초로 웹 폰트 정보를 클라이언트(30)로 바로 전송할 수 있다.If the same web font request is received from the client 30, the font server 10 may directly transmit web font information to the client 30 based on a previously created and stored web font subset.

그리고, 클라이언트(30)는 폰트 서버(10)로부터 제공받은 웹 폰트 정보를 기초로 웹 사이트 내 웹 페이지를 렌더링하여 텍스트를 표시할 수 있다(S209). 예를 들어, 웹 사이트 내 웹 페이지의 텍스트는 도 8과 같이 표시될 수 있다.Then, the client 30 can display text by rendering a web page in the website based on the web font information provided from the font server 10 (S209). For example, text on a web page within a website may be displayed as shown in Figure 8.

구체적으로, 도 8의 (a)는 웹 폰트가 적용되기 전의 웹 사이트 내 웹 페이지 화면이고, (b)는 웹 폰트가 적용 후의 웹 사이트내 웹 페이지의 화면을 나타낸 예시도이다.Specifically, Figure 8 (a) is an example of a web page screen within a website before a web font is applied, and (b) is an example diagram showing a web page screen within a website after a web font is applied.

또한, 도 8의 (b)는 제목 영역의 텍스트를 영어, 숫자를 보라색 폰트로 대체하여 표시하고 본문 영역의 텍스트를 영어, 숫자를 다른 모양의 폰트로 대체하여 표시되도록 대체 폰트 기능이 적용되었다.In addition, in (b) of Figure 8, the replacement font function is applied so that the text in the title area is displayed by replacing English and numbers with a purple font, and the text in the body area is displayed by replacing English and numbers with a font of a different shape.

이상, 상술한 본 발명에 따르면, 웹 사이트 내 텍스트를 폰트 별로 취합하여 텍스트 정보를 생성하고, 이를 기초로 CSS 정보를 생성하여 HTML 문서에 삽입하는 웹 폰트 모듈을 이용함으로써, 웹 페이지 렌더링 시 웹 폰트 사용으로 인한 시간 소모를 최소화 할 수 있다.According to the present invention described above, by using a web font module that collects text in a website by font to generate text information, generates CSS information based on this and inserts it into an HTML document, web fonts are used when rendering a web page. Time consumption due to use can be minimized.

또한, 웹 폰트 정보를 제공 시 최적화된 웹 폰트 서브셋을 이용함으로써, 웹 폰트의 용량을 줄일 수 있다.Additionally, the capacity of web fonts can be reduced by using an optimized web font subset when providing web font information.

또한, 웹 폰트의 용량을 줄임으로써, 웹 폰트의 다운로드 시간을 단축하고, 네트워크 트래픽 및 비용을 절감할 수 있다.Additionally, by reducing the capacity of web fonts, the download time of web fonts can be shortened and network traffic and costs can be reduced.

또한, 본 발명은 대체 폰트가 적용된 웹 폰트 모듈을 이용함으로써, 용이하게 특정 폰트의 빠진 글리프를 대체하거나, 특정 글자를 돋보이게 하기 위하여 서로 다른 폰트와 섞어서 이용할 수 있다.Additionally, by using a web font module to which a replacement font is applied, the present invention can easily replace missing glyphs of a specific font or mix it with different fonts to make specific letters stand out.

한편, 상술한 웹 폰트 서비스는 웹 사이트에 제공되는 웹 폰트에 한정되지 않으며 텍스트를 표시하는 여러 분야에 응용되어 적용될 수 있다. 예를 들어, 메신저와 같은 대화형 어플리케이션에도 상술한 웹 폰트 서비스가 적용될 수 있다.Meanwhile, the above-mentioned web font service is not limited to web fonts provided on websites and can be applied to various fields of displaying text. For example, the above-described web font service can also be applied to interactive applications such as messengers.

이하에는 도 9을 참조하여 어플리케이션 기반의 폰트 서비스를 이용하기 위한 서비스 사용 정보 등록 과정에 대해 설명한다.Below, the service usage information registration process for using an application-based font service will be described with reference to FIG. 9.

도 9는 본 발명의 다른 실시예에 따른 폰트 서비스 사용 정보 등록 과정을 나타낸 개념도이다.Figure 9 is a conceptual diagram showing a font service usage information registration process according to another embodiment of the present invention.

도 9를 참조하면, 어플리케이션에 적용할 폰트를 구매한 고객(22)은 폰트 사용에 필요한 정보를 폰트 서버(10)에 등록하고, 폰트 서버(10)는 원천 폰트 서버(12)로 원천 폰트를 요청하여 제공받을 수 있다.Referring to FIG. 9, the customer 22 who purchased the font to be applied to the application registers the information necessary for using the font in the font server 10, and the font server 10 sends the source font to the source font server 12. It can be provided upon request.

그리고, 폰트 서버(10)는 폰트 요청 양식 정보를 생성하여 고객(22)에게 제공하고, 고객(22)은 어플리케이션 운영 서버(40)의 계정 내에 폰트 요청 정보를 적용하여 폰트 서비스를 이용할 수 있다.Then, the font server 10 creates font request form information and provides it to the customer 22, and the customer 22 can use the font service by applying the font request information in the account of the application operation server 40.

이와 관련하여 도 10을 참조하여 보다 구체적으로 설명한다.This will be described in more detail with reference to FIG. 10.

도 10은 본 발명의 다른 실시예에 따른 서비스 사용 정보 등록 과정을 나타낸 타이밍도이다.Figure 10 is a timing diagram showing a service usage information registration process according to another embodiment of the present invention.

도 10을 참조하면, 어플리케이션 운영 서버(40)는 폰트 구매 등의 서비스 모듈을 제공하고, 고객(22)은 어플리케이션 운영 서버(40)를 통해 폰트를 구매할 수 있다. 여기서, 어플리케이션 운영 서버(40)는 대화형 어플리케이션을 서비스하는 서버로써 고객(22)은 어플리케이션 운영 서버(40)에서 제공하는 인터페이스를 통하여 폰트 서비스를 요청할 수 있다.Referring to FIG. 10, the application operation server 40 provides service modules such as font purchase, and the customer 22 can purchase fonts through the application operation server 40. Here, the application operation server 40 is a server that services an interactive application, and the customer 22 can request a font service through an interface provided by the application operation server 40.

따라서, 이하 고객(22)의 인터페이스에 따른 요청을 수행하는 어플리케이션 운영 서버(4)의 처리 프로세스를 설명한다.Therefore, the following will describe the processing process of the application operation server 4 that performs a request according to the customer 22's interface.

먼저 고객(22)은 어플리케이션 운영 서버(40)를 통해 폰트 서버(10)에서 제공하는 폰트를 구매할 수 있다(S1001). 다음, 어플리케이션 운영 서버(40)는 폰트 서비스를 이용하기 위한 서비스 사용 정보를 폰트 서버(10)로 제공할 수 있다(S1002).First, the customer 22 can purchase a font provided by the font server 10 through the application operation server 40 (S1001). Next, the application operation server 40 may provide service usage information for using the font service to the font server 10 (S1002).

그리고, 폰트 서버(10)는 수신된 서비스 사용 정보를 기초로 원천 폰트 서버(12)로부터 원천 폰트 요청하여 수신하고, 원천 폰트를 기초로 폰트를 획득 및 저장할 수 있다(S1003).Additionally, the font server 10 may request and receive a source font from the source font server 12 based on the received service usage information, and obtain and store the font based on the source font (S1003).

또한, 폰트 서버(10)는 사용자 인증 정보를 생성하고 저장할 수 있다(S1004).Additionally, the font server 10 may generate and store user authentication information (S1004).

또한, 폰트 서버(10)는 획득된 폰트를 기초로 폰트를 요청하기 위한 폰트 양식 정보를 생성하고 저장할 수 있다(S1005). 여기서 폰트 양식 정보에는 폰트 종류, 폰트 크기, 폰트 스타일, 폰트 굵기 등에 대한 정보 등이 포함될 수 있다.Additionally, the font server 10 may generate and store font format information for requesting a font based on the acquired font (S1005). Here, the font style information may include information about font type, font size, font style, font thickness, etc.

다음, 폰트 서버(10)는 생성된 폰트 양식 정보를 어플리케이션 운영 서버(40)로 제공할 수 있다(S1006).Next, the font server 10 may provide the generated font format information to the application operation server 40 (S1006).

그리고, 어플리케이션 운영 서버(40)는 폰트 양식 정보를 기초로 폰트를 설정함으로써 폰트 서비스를 제공할 수 있다(S1007).Additionally, the application operation server 40 may provide a font service by setting a font based on font format information (S1007).

한편, 상술한 (S1001)단계 내지 (S1007)단계는 도 3의 웹 폰트 서비스 등록 과정과 동일하게 수행됨으로 상세한 설명은 생략한다.Meanwhile, since steps (S1001) to (S1007) described above are performed in the same manner as the web font service registration process in FIG. 3, detailed descriptions are omitted.

이어서, 도 11을 참조하여 어플리케이션 기반의 폰트 서비스를 제공하는 방법에 대해 설명한다.Next, a method of providing an application-based font service will be described with reference to FIG. 11.

도 11은 본 발명의 다른 실시예에 따른 폰트 서비스를 제공하는 방법을 나타낸 개념도이다.Figure 11 is a conceptual diagram showing a method of providing a font service according to another embodiment of the present invention.

도 11을 참조하면, 어플리케이션을 이용하는 제1 클라이언트(51)가 채팅 어플리케이션을 통해 채팅에 이용할 폰트를 선택한 후에 대화 내용을 입력하는 경우, 어플리케이션 운영 서버(40)는 해당 대화 내용과 함께 폰트 양식 정보를 제1 클라이언트(51)와 제2 클라이언트(52)로 각각 전송할 수 있다.Referring to FIG. 11, when the first client 51 using the application selects a font to use for chatting through a chat application and then inputs conversation content, the application operation server 40 provides font format information along with the corresponding conversation content. It can be transmitted to the first client 51 and the second client 52, respectively.

제1 클라이언트(51)와 제2 클라이언트(52)는 폰트 양식 정보를 기초로 폰트 서버(10)로 폰트를 요청하여 폰트 정보를 제공받은 후, 해당 폰트 정보를 기초로 어플리케이션에 텍스트를 표시할 수 있다. 여기서, 제1 클라이언트(51)와 제2 클라이언트(52)는 해당 어플리케이션을 이용하는 사용자의 단말기로 스마트폰, 태블릿 및 PC 등을 의미할 수 있다.The first client 51 and the second client 52 may request a font from the font server 10 based on font format information, receive font information, and then display text in the application based on the font information. there is. Here, the first client 51 and the second client 52 are terminals of users using the application and may include smartphones, tablets, and PCs.

이와 관련하여 도 12를 참조하여 어플리케이션 기반의 폰트 서비스를 제공하는 방법을 보다 구체적으로 설명한다. In relation to this, a method of providing an application-based font service will be described in more detail with reference to FIG. 12.

도 12는 본 발명의 다른 실시예에 따른 폰트 서비스를 제공하는 방법을 나타낸 타이밍도이다.Figure 12 is a timing diagram showing a method of providing a font service according to another embodiment of the present invention.

도 12를 참조하면, 제1 클라이언트(51)가 어플리케이션을 통해 사용할 폰트를 선택하고, 대화 내용을 입력하여 어플리케이션 운영 서버(40)로 전송할 수 있다(S2001). 이때, 어플리케이션 운영 서버(40)로 입력된 대화 내용과 폰트 선택 정보는 함께 전송될 수 있다.Referring to FIG. 12, the first client 51 may select a font to be used through the application, enter conversation content, and transmit it to the application operation server 40 (S2001). At this time, the conversation content and font selection information input to the application operation server 40 may be transmitted together.

다음, 어플리케이션 운영 서버(40)는 폰트 선택 정보를 기초로 폰트 양식 정보를 선택하고, 폰트 양식 정보가 포함된 본인의 대화 내용을 제1 클라이언트(51)로 제공(S2002) 및 폰트 양식 정보가 포함된 상대방의 대화 내용을 제2 클라이언트(52)로 제공할 수 있다(S2003).Next, the application operation server 40 selects font format information based on the font selection information and provides the content of the user's conversation including the font format information to the first client 51 (S2002) and includes the font format information. The content of the other party's conversation can be provided to the second client 52 (S2003).

그리고, 제1 클라이언트(51)와 제2 클라이언트(52)는 폰트 양식 정보를 기초로 폰트 파일을 폰트 서버(10)로 요청할 수 있다(S2004).Then, the first client 51 and the second client 52 may request a font file from the font server 10 based on the font format information (S2004).

다음, 폰트 서버(10)는 기 저장된 사용자 인증 정보를 기초로 폰트 서비스 인증 절차를 수행할 수 있다(S2005).Next, the font server 10 may perform a font service authentication procedure based on pre-stored user authentication information (S2005).

또한, 폰트 서버(10)는 폰트 양식 정보를 기초로 최적화된 폰트 서브셋을 생성하고 저장할 수 있다(S2006).Additionally, the font server 10 may create and store an optimized font subset based on font style information (S2006).

그 후, 폰트 서버(10)는 폰트 양식 정보를 기초로 폰트 정보를 제공할 수 있다. 구체적으로, 폰트 서버(10)는 생성된 폰트 서브셋을 기초로 폰트 정보를 제공할 수 있다.Afterwards, the font server 10 may provide font information based on the font format information. Specifically, the font server 10 may provide font information based on the generated font subset.

그리고, 폰트 정보를 수신한 제1 클라이언트(51)와 제2 클라이언트(52)는 해당 폰트 정보를 기초로 채팅 어플리케이션 내 화면에 텍스트를 표시할 수 있다(S2008).Then, the first client 51 and the second client 52, which have received the font information, can display text on the screen within the chatting application based on the font information (S2008).

한편, 상술한 (S2001)단계 내지 (S2008)단계는 도 7의 웹 폰트 서비스 방법의 각 대응되는 단계와 동일하게 수행됨으로 상세한 설명은 생략한다.Meanwhile, the steps (S2001) to (S2008) described above are performed in the same manner as each corresponding step of the web font service method in FIG. 7, so detailed descriptions are omitted.

이상의 본 발명에 따르면, 웹 사이트 내 텍스트를 폰트 별로 취합하여 효율적이고 비식별화된 텍스트 정보를 생성하고 네트워크 트래픽 및 비용을 절감할 수 있는 효과가 있다.According to the present invention, it is possible to generate efficient and de-identified text information by collecting text in a website by font, and to reduce network traffic and costs.

또한, 본 발명은 대체 폰트가 적용된 웹 폰트 모듈을 이용함으로써 가독성 있는 정보를 사용자들에게 제공해 줄 수 있다.Additionally, the present invention can provide readable information to users by using a web font module with an alternative font applied.

나아가, 여기에 설명되는 다양한 실시예는 예를 들어, 소프트웨어, 하드웨어 또는 이들의 조합된 것을 이용하여 컴퓨터 또는 이와 유사한 장치로 읽을 수 있는 기록매체 내에서 구현될 수 있다.Furthermore, various embodiments described herein may be implemented in a recording medium readable by a computer or similar device, for example, using software, hardware, or a combination thereof.

하드웨어적인 구현에 의하면, 여기에 설명되는 실시예는 ASICs (application specific integrated circuits), DSPs (digital signal processors), DSPDs (digital signal processing devices), PLDs (programmable logic devices), FPGAs (field programmable gate arrays, 프로세서(processors), 제어기(controllers), 마이크로 컨트롤러(micro-controllers), 마이크로 프로세서(microprocessors), 기타 기능 수행을 위한 전기적인 유닛 중 적어도 하나를 이용하여 구현될 수 있다. 일부의 경우에 본 명세서에서 설명되는 실시예들이 제어 모듈 자체로 구현될 수 있다.According to hardware implementation, the embodiments described herein include application specific integrated circuits (ASICs), digital signal processors (DSPs), digital signal processing devices (DSPDs), programmable logic devices (PLDs), and field programmable gate arrays (FPGAs). It may be implemented using at least one of processors, controllers, micro-controllers, microprocessors, and other electrical units for performing functions. In some cases, as described herein, The described embodiments may be implemented as a control module itself.

소프트웨어적인 구현에 의하면, 본 명세서에서 설명되는 절차 및 기능과 같은 실시예들은 별도의 소프트웨어 모듈들로 구현될 수 있다. 상기 소프트웨어 모듈들 각각은 본 명세서에서 설명되는 하나 이상의 기능 및 작동을 수행할 수 있다. 적절한 프로그램 언어로 쓰여진 소프트웨어 어플리케이션으로 소프트웨어 코드가 구현될 수 있다. 상기 소프트웨어 코드는 메모리 모듈에 저장되고, 제어모듈에 의해 실행될 수 있다.According to software implementation, embodiments such as procedures and functions described in this specification may be implemented as separate software modules. Each of the software modules may perform one or more functions and operations described herein. Software code can be implemented as a software application written in an appropriate programming language. The software code may be stored in a memory module and executed by a control module.

이상의 설명은 본 발명의 기술 사상을 예시적으로 설명한 것에 불과한 것으로서, 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자라면 본 발명의 본질적인 특성에서 벗어나지 않는 범위 내에서 다양한 수정, 변경 및 치환이 가능할 것이다. The above description is merely an illustrative explanation of the technical idea of the present invention, and various modifications, changes, and substitutions can be made by those skilled in the art without departing from the essential characteristics of the present invention. will be.

따라서, 본 발명에 개시된 실시 예 및 첨부된 도면들은 본 발명의 기술 사상을 한정하기 위한 것이 아니라 설명하기 위한 것이고, 이러한 실시 예 및 첨부된 도면에 의하여 본 발명의 기술 사상의 범위가 한정되는 것은 아니다. 본 발명의 보호 범위는 아래의 청구 범위에 의하여 해석되어야 하며, 그와 동등한 범위 내에 있는 모든 기술 사상은 본 발명의 권리 범위에 포함되는 것으로 해석되어야 할 것이다.Accordingly, the embodiments disclosed in the present invention and the accompanying drawings are not intended to limit the technical idea of the present invention, but are for illustrative purposes, and the scope of the technical idea of the present invention is not limited by these embodiments and the attached drawings. . The scope of protection of the present invention should be interpreted in accordance with the claims below, and all technical ideas within the equivalent scope should be construed as being included in the scope of rights of the present invention.

Claims (4)

폰트 서버의 웹 폰트 서비스 방법에 있어서,
웹 폰트 모듈을 실행하기 위한 HTML 태그가 포함된 웹사이트 정보를 제공받은 클라이언트로부터 웹 폰트 요청 정보를 수신하는 단계; 및
상기 웹 폰트 요청 정보를 기초로 웹 폰트 정보를 상기 클라이언트로 전송하는 단계;를 포함하고,
상기 웹 폰트 모듈은 폰트별로 상기 웹사이트의 웹페이지 내 텍스트들을 취합한 텍스트 정보를 기초로 웹 폰트의 위치 정보가 포함된 CSS 정보를 생성하여 상기 웹사이트 정보에 추가하고,
상기 클라이언트는 상기 생성된 CSS 정보를 인식하여 생성된 웹 폰트 요청 정보를 폰트 서버로 전송하는 것을 특징으로 하는 웹 폰트 서비스 방법.
In the web font service method of the font server,
Receiving web font request information from a client provided with 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,
The web font module generates CSS information containing location information of the web font based on text information collected from texts in the web pages of the website for each font and adds it to the website information,
A web font service method characterized in that the client recognizes the generated CSS information and transmits the generated web font request information to the font server.
제 1 항에 있어서,
상기 폰트 서버는 수신된 웹 폰트 요청 정보와 기 저장된 사용자 인증 정보를 이용하여 웹 폰트 서비스 인증 절차를 수행하는 단계;를 더 포함하는 것을 특징으로 하는 웹 폰트 서비스 방법.
According to claim 1,
The web font service method further comprising: performing, by the font server, a web font service authentication procedure using the received web font request information and pre-stored user authentication information.
제 1 항에 있어서,
상기 웹 폰트 모듈은,
취합된 텍스트들 중 중복된 텍스트를 제거하고, 유니코드 순으로 텍스트를 정렬하여 비식별화 된 상기 폰트 별 텍스트 정보를 생성하되,
상기 폰트 별 텍스트 정보는 텍스트 내 특정 문자의 결합 관계를 정의하는 식별 정보를 더 포함하는 것을 특징으로 하는 웹 폰트 서비스 방법.
According to claim 1,
The web font module is,
Among the collected texts, duplicate texts are removed, and the texts are sorted in Unicode order to generate de-identified text information for each font,
A web font service method, wherein the text information for each font further includes identification information defining a combination relationship of specific characters within the text.
제 1 항에 있어서,
상기 웹 폰트 정보를 상기 클라이언트로 전송하는 단계는
상기 웹 폰트 요청 정보를 기초로 폰트 서브셋을 동적으로 생성하고, 생성된 폰트 서브셋을 포함하는 웹 폰트 정보를 상기 클라이언트로 전송하되,
상기 폰트 서브셋은 문자의 결합 관계를 고려하여 문자 별 글리프 집합 중 선택된 글리프를 포함하는 것을 특징으로 하는 웹 폰트 서비스 방법.
According to claim 1,
The step of transmitting the web font information to the client is
Dynamically generate a font subset based on the web font request information, and transmit web font information including the created font subset to the client,
A web font service method, wherein the font subset includes glyphs selected from a set of glyphs for each character in consideration of character combination relationships.
KR1020220125249A 2022-09-30 2022-09-30 Web font service method of font service system through glyphs considering the binding relationship of grapheme KR20240045660A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020220125249A KR20240045660A (en) 2022-09-30 2022-09-30 Web font service method of font service system through glyphs considering the binding relationship of grapheme

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020220125249A KR20240045660A (en) 2022-09-30 2022-09-30 Web font service method of font service system through glyphs considering the binding relationship of grapheme

Publications (1)

Publication Number Publication Date
KR20240045660A true KR20240045660A (en) 2024-04-08

Family

ID=90715203

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020220125249A KR20240045660A (en) 2022-09-30 2022-09-30 Web font service method of font service system through glyphs considering the binding relationship of grapheme

Country Status (1)

Country Link
KR (1) KR20240045660A (en)

Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20130060836A (en) 2011-11-30 2013-06-10 주식회사태성씨앤디 Straw device for beverages container

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20130060836A (en) 2011-11-30 2013-06-10 주식회사태성씨앤디 Straw device for beverages container

Similar Documents

Publication Publication Date Title
US8707164B2 (en) Integrated document viewer
US8898583B2 (en) Systems and methods for providing information regarding semantic entities included in a page of content
CN105183761B (en) Sensitive word replacing method and device
US9754120B2 (en) Document redaction with data retention
CN108134784B (en) Webpage classification method and device, storage medium and electronic equipment
JP6206866B2 (en) Apparatus and method for holding obfuscated data in server
JP2008305406A (en) Electronic mail additional information service providing method based on information area instruction, and system for it
CN113515928B (en) Electronic text generation method, device, equipment and medium
US20070150163A1 (en) Web-based method of rendering indecipherable selected parts of a document and creating a searchable database from the text
WO2023155712A1 (en) Page generation method and apparatus, page display method and apparatus, and electronic device and storage medium
KR100884195B1 (en) Method for reformating contents and recalculating number of pages of electronic book in case of a font size change, and apparatus applied to the same
KR20230131753A (en) Web font service method of font service system
CN114580008A (en) Document access control based on document component layout
KR20240045660A (en) Web font service method of font service system through glyphs considering the binding relationship of grapheme
Needleman The unicode standard
CN117957561A (en) Network font service method of font service system
CN103164411A (en) Webpage loading method of browser
JP5621145B2 (en) Document check device, document check program, and document check method
CN111143719A (en) Online publication method, device and equipment of thesis and computer-readable storage medium
De Santana et al. Web accessibility snapshot: an effort to reveal coding guidelines conformance
de Araújo Cardoso et al. Accessibility in E-commerce tools: an analysis of the optical inclusion of the deaf
Işıklar et al. A TV content augmentation system exploiting rule based named entity recognition method
JP2017068307A (en) Information retrieval device, control method thereof, and information retrieval program
Anjos et al. How to Overcome the Challenges of Developing Responsive and Accessible Websites–A Case Study
Jancso et al. A web application for geolocalized signs in synthesized swiss german sign language