How to solve the problem that it takes too long for a website to load local personalized fonts?

the question is as perplexed as the title.

Design website, using personalized fonts, such as: the following three fonts, so download online, import locally.


Javascript css html
Mar.03,2021

Font files generally set permanent caching.

The

font thing goes like this:

  1. first of all, in the design phase, the design should be told that the personality font can be used, but the final rendering may not be restored at 100%, the user may still use the default font, and the white screen / difference rendering time generated by loading the font needs to be evaluated.
  2. products should be told that copyright issues caused by font downloads on the page need to be assessed;
  3. there are two ways to bypass copyright: there is no copyright problem if you only write styles but do not provide downloads, or use explicit, license-free, commercially available fonts (such as Siyuan Black). Of course, if you are paid to get the authorization, please ignore this section;
  4. it is technically recommended to use multiple font fallback methods, and to retain and specify the corresponding system default fonts;
  5. for optimization, you should try to reduce the weight of overwritten words, and if possible, you need to compress fonts (use tool software to remove unused fonts on the page, note that this also requires the corresponding editing permissions provided by the font file itself). The optional workers include ider.org/" rel=" nofollow noreferrer "> tarantula , Fontmin and so on.

Previous: Btcpool runs locally

Next: With the plug-in of wxParse, how does Mini Program cycle through the list?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu