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
Implementation of vite+vue3.0+ts+element-plus to quickly build a project
Table of contents vite function Use Environment B...
Several reasons for not compressing HTML
The reason is simple: In HTML documents, multiple ...
How to query whether the mysql table is locked
Specific method: (Recommended tutorial: MySQL dat...
Record of the actual process of packaging and deployment of Vue project
Table of contents Preface 1. Preparation - Server...
How to elegantly implement WeChat authorized login in Vue3 project
Table of contents Preface Prepare Implementation ...
How to recover accidentally deleted messages files in Linux
If there are files that are being used by a proce...
Linux remote login implementation tutorial analysis
Linux is generally used as a server, and the serv...
Detailed code for building a multi-person video chat service based on webrtc on Ubuntu
WebRTC, which stands for Web Real-Time Communicat...
A brief discussion on this.$store.state.xx.xx in Vue
Table of contents Vue this.$store.state.xx.xx Get...
MySQL Series 11 Logging
Tutorial Series MySQL series: Basic concepts of M...
MySQL uses covering index to avoid table return and optimize query
Preface Before talking about covering index, we m...
Detailed explanation of CocosCreator MVC architecture
Overview This article will introduce the MVC arch...
MySQL max_allowed_packet setting
max_allowed_packet is a parameter in MySQL that i...
In-depth understanding of Vue's data responsiveness
Table of contents 1. ES syntax getter and setter ...
MySQL transaction concepts and usage in-depth explanation
Table of contents The concept of affairs The stat...