markdown 如何加载Web字体以避免性能问题并加快页面加载速度

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了markdown 如何加载Web字体以避免性能问题并加快页面加载速度相关的知识,希望对你有一定的参考价值。

- https://www.freecodecamp.org/news/web-fonts-in-2018-f191a48367e8/
- https://ashton.codes/preload-google-fonts-using-resource-hints/
- https://www.smashingmagazine.com/2019/06/optimizing-google-fonts-performance/
- https://googlefonts.3perf.com/ 
  - Deprecated, to use font-display in Google Fonts natively, just append &display=swap (or another value) to the end of your Google Fonts url: https://fonts.googleapis.com/css?family=Fira+Mono|Montserrat&display=swap 
  - https://addyosmani.com/blog/google-fonts-font-display/  

以上是关于markdown 如何加载Web字体以避免性能问题并加快页面加载速度的主要内容,如果未能解决你的问题,请参考以下文章

Web 性能优化:使用 CSS font-display 控制字体加载和替换

第2262期Web 性能优化:使用 CSS font-display 控制字体加载和替换

更新 Azure 应用服务 web.config 以加载 .ttf 字体文件

如何提高WEB的性能?

markdown Web字体的CORS跨源资源共享问题

链接预加载不能避免字体加载重复