Looking for breakthrough ideas for innovation challenges? Try Patsnap Eureka!

Network font loading method, device and system

A network and font technology, applied in electrical digital data processing, special data processing applications, instruments, etc., can solve problems such as slow web page loading and waste of server bandwidth.

Inactive Publication Date: 2018-05-25
BEIJING GRIDSUM TECH CO LTD
View PDF5 Cites 3 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0007] The embodiment of the present invention provides a web font loading method, device and system to at least solve the technical problem that the prior art cannot load Webfont files on demand in dynamic pages, resulting in slow loading of web pages and wasting server bandwidth

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Network font loading method, device and system
  • Network font loading method, device and system
  • Network font loading method, device and system

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0036] According to an embodiment of the present invention, an embodiment of a method for loading web fonts is provided. It should be noted that the steps shown in the flowcharts of the accompanying drawings can be executed in a computer system such as a set of computer-executable instructions, and, although A logical order is shown in the flowcharts, but in some cases the steps shown or described may be performed in an order different from that shown or described herein.

[0037] figure 1 is a flowchart of a web font loading method according to an embodiment of the present invention, such as figure 1 As shown, the method includes the following steps:

[0038] Step S102, obtaining the first text character in the static text content of the current webpage, and storing it in the front-end character cache library.

[0039] Specifically, in the above-mentioned steps, the above-mentioned static text content may be all text content in the html page after the page resource is loade...

Embodiment 2

[0098] According to an embodiment of the present invention, an embodiment of a network font loading system is also provided. The web font loading method in Embodiment 1 of the present invention can be implemented in the system embodiment provided in Embodiment 2 of the present invention.

[0099] Figure 7 is a schematic diagram of a web font loading system according to an embodiment of the present invention, such as Figure 7 As shown, the system includes: a front-end device 701 and a background server 703 .

[0100] The front-end device 701 is used to obtain the first text character in the static text content of the current webpage, and store it in the front-end character cache storehouse; detect the second text character of the updated dynamic text content in the current webpage, and store it in the front-end character cache storehouse Query the second text character, add the text characters not found in the front-end character cache library to the front-end character cac...

Embodiment 3

[0110] According to an embodiment of the present invention, an embodiment of a web font loading device is also provided. The web font loading method in Embodiment 1 of the present invention can be implemented in the device embodiment provided in Embodiment 2 of the present invention.

[0111] Figure 8 is a schematic diagram of a web font loading device according to an embodiment of the present invention, such as Figure 8 As shown, the system includes: a first acquisition module 801 , a detection module 803 , an update module 805 and a first processing module 807 .

[0112]Wherein, the first obtaining module 801 is used to obtain the first text character in the static text content of the current webpage, and stores it in the front-end character cache library; the detection module 803 is used to detect the first text character in the updated dynamic text content in the current webpage Two text characters, query the second text character in the front-end character cache store...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

PUM

No PUM Login to View More

Abstract

The invention discloses a network font loading method, device and system. The method includes: acquiring first text characters in static text contents of a current web page, and storing the same intoa front-end character cache library; detecting second text characters of dynamic text contents updated in the current web page, and querying the second text characters in the front-end character cachelibrary; adding text characters, which are not obtained by querying in the front-end character cache library, into the front-end character cache library to obtain an updated front-end character cachelibrary; and acquiring a network font file corresponding to text characters in the updated front-end character cache library, and loading a network font of the web page according to the network fontfile, wherein the network font file includes at least a network font name and a path of accessing the network font. The method solves technical problems that the prior art cannot realize an effect ofloading Webfont files in dynamic pages according to needs, and low page loading speed and server bandwidth waste are caused.

Description

technical field [0001] The present invention relates to the technical field of browser text display, in particular to a web font loading method, device and system. Background technique [0002] With the development of Internet technology, in order to achieve a good display effect, some special fonts are usually used in the development and design of the front-end of the web page, but it cannot be guaranteed that the font has been installed in the user's device system. Less than ideal effect, this problem is especially serious in the page of data visualization. The font of the website text is determined according to the font-family set in the css style. If the font set in the font-family is not installed in the device system used by the user to access the website, the system will use the system default font instead. [0003] Webfont technology can enable webpages to use online fonts, thereby meeting users' needs for webpage font display. The prior art mainly adopts the follo...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

Application Information

Patent Timeline
no application Login to View More
Patent Type & Authority Applications(China)
IPC IPC(8): G06F17/30
CPCG06F16/9577
Inventor 周建涛
Owner BEIJING GRIDSUM TECH CO LTD
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Patsnap Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Patsnap Eureka Blog
Learn More
PatSnap group products

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic, Popular Technical Reports.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap|About US| Contact US: help@patsnap.com