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.

Set the contenteditable attribute to edit the content of HTML tags (can replace textarea)

Blog

Do you know how to optimize loading web fonts?

Complete steps to use samba to share folders in CentOS 7

Use of Docker UI, a Docker visualization management tool

How to implement call, apply and bind in native js

How to use docker to build redis master-slave

Detailed explanation of MySQL transactions and MySQL logs

Troubleshooting of master-slave delay issues when upgrading MySQL 5.6 to 5.7

Set the contenteditable attribute to edit the content of HTML tags (can replace textarea)

Install Centos7 using Hyper-v virtual machine

Robots.txt detailed introduction

Ant designing vue table to achieve a complete example of scalable columns

Recommend

A brief introduction to JavaScript arrays

Tomcat configuration and how to start it in Eclipse

Example code for using @media in CSS3 to achieve web page adaptation

Vue implements calling PC camera to take photos in real time

Example of using MRG_MyISAM (MERGE) to implement query after partitioning in MySQL

JavaScript dynamically generates a table with row deletion function

Detailed steps to install MySQL 5.6 X64 version under Linux

MySQL multi-instance installation boot auto-start service configuration process

How to avoid duplication of data when inserting in MySql batch

Application and implementation of data cache mechanism for small programs

Implementation of comparison, sorting and other operations on varchar type dates in MySQL

Installation tutorial of mysql 8.0.11 compressed version under win10

Problems encountered in the execution order of AND and OR in SQL statements

Detailed explanation of how to configure Nginx web server sample code

Detailed tutorial on jdk installation and environment variable configuration under Win10