Web Font Service Method for Rendering Speed Optimization
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Conventional web font transmission methods result in slow rendering speeds, leading to issues like flash of invisible text (FOIT) and flash of unstyled text (FOUT), which hinder user experience on diverse platforms.
Innovation Solution
A web font service method that involves a font server receiving web font requests, generating CSS information based on collected text data, and transmitting optimized web font subsets to clients, while performing authentication and handling replacement fonts to minimize time consumption and network traffic.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Speed
If conventional web font transmission methods are used with sequential CSS and font requests, then the web font service can be provided, but the rendering speed of web pages slows down
Solution Approach 1:
The patent applies preliminary action by pre-generating font subset information on the font server before actual web font requests. The font server collects text information from web pages, generates CSS files with font subset data, and prepares font files in advance. When a client requests a web font, the rendering can proceed immediately using the pre-prepared font subset information, eliminating the need for sequential requests and significantly improving rendering speed.
2Adaptability or versatility
If complete web font files are transmitted to clients, then all possible text can be rendered, but network traffic increases and transmission time increases
Solution Approach 1:
The patent applies the extraction principle by removing unnecessary font data and transmitting only the essential font subset information needed for specific web pages. The font server analyzes the actual text content of web pages and extracts only the characters that are actually used, generating minimized font files containing only those characters. This dramatically reduces network traffic while ensuring complete coverage of the actual text content.
Solution Approach 2:
The patent applies local quality by customizing font subsets for each specific web page based on its actual text content. Instead of using a universal font file for all pages, the system generates page-specific font subsets that contain only the characters required for that particular page. This localized approach optimizes network traffic for each page individually while maintaining complete font coverage for the specific content.
3Reliability
If web font requests are processed sequentially (CSS first, then font), then authentication and processing can be performed, but the overall service time increases
Solution Approach 1:
The patent applies preliminary action by pre-generating CSS files with font subset information and preparing font files on the font server before clients make requests. This allows the system to maintain secure authentication procedures while eliminating the sequential delay. The font server can perform authentication and prepare font subsets in advance, so when clients request fonts, the process is already complete or near-complete, significantly improving service efficiency without compromising security.
Data Source
AI summary
Disclosed herein is a web font service method of a font service system. The web font service method of a font server may include 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 cascading style sheet (CSS) information including location information of a web font based on text information obtained by collecting texts on a web page of a website for each font and adds the CSS information to the website information, and the client transmits web font request information generated by recognizing the generated CSS information to a font server.