Do you know how to optimize loading web fonts?
|
Just as the title! The commonly used font-family loads the browser's built-in fonts, but if the new tag @font-face in CSS3 is used to load TTF fonts, the traffic generated will be very large. Especially for Chinese fonts. Nowadays, fonts are becoming more and more diverse. How can we load fonts smoothly? Today I downloaded several Chinese fonts from China Fonts http://font.chinaz.com/, put them on my blog and tried to load them, but found that they loaded very slowly. A Chinese TTF font is more than 8M. I wonder when it will take to load and display? Then I was wondering how this Chinese font website managed to load so many fonts. Although some of the fonts are pictures, it also provides the function of previewing the font you entered. Any idea what the solution is? If you know, please reply. |
<<: A brief discussion on tags in HTML
>>: Pure CSS code to achieve drag effect
Recommend
uniapp Sample code for implementing global sharing of WeChat mini-programs
Table of contents Create a global shared content ...
How to monitor global variables in WeChat applet
I recently encountered a problem at work. There i...
Linux bridge method steps to bridge two VirtualBox virtual networks
This article originated from my complaints about ...
How to configure port forwarding for docker on CentOS 7 to be compatible with firewall
On CentOS 7, when we map the host port to the con...
HTML tags: sub tag and sup tag
Today I will introduce two HTML tags that I don’t...
Ubuntu 16.04 mysql5.7.17 open remote port 3306
Enable remote access to MySQL By default, MySQL u...
Detailed explanation of the use of Vue card-style click-to-switch image component
This article shares the vue card-style click-to-s...
Vue Element front-end application development dynamic menu and routing association processing
Table of contents Overview 1. Menu and routing pr...
CentOS 6.5 configuration ssh key-free login to execute pssh command explanation
1. Check and install pssh, yum list pssh 2. Becau...
Detailed explanation of Vue transition effects and animation transition usage examples
Table of contents transition hook function Custom...
Detailed explanation of Mysql logical architecture
1. Overall architecture diagram Compared to other...
Analysis of log files in the tomcat logs directory (summary)
Each time tomcat is started, the following log fi...
Detailed explanation of the configuration method of MySQL master-slave replication read-write separation
1. Description Earlier we talked about the instal...
Web page experience: planning and design
1. Clarify the design direction <br />First,...
Vue realizes the percentage bar effect
This article shares the specific code of Vue to r...