Web Fonts Best Practices

Learn about the best practices in using web fonts for your applications.

This video is loosely based on an excellent web.dev article:
https://web.dev/font-best-practices/

Tool to subset fonts:
https://everythingfonts.com/subsetter

unicode-range property documentation:
https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/unicode-range

font-display property documentation:
https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display

Download google fonts from here:
http://google-webfonts-helper.herokuapp.com

Contents:
Introduction 0:00
Font Delivery 1:35
CDN Hosted vs Self Hosted Fonts 02:07
Font Compression 02:52
Font Sub-setting 03:21
Font Loading 04:05
unicode-range property 04:42
pre-connect to cdn 05:34
Font Rendering 06:24


►►►Like this Video? Please be sure to SUBSCRIBE for more:
https://www.youtube.com/c/codefirst?sub_confirmation=1

Need more support? Join the Code First discord server and become part of the community.
🔴 Discord: https://discord.gg/Jb9EQhhe4h

----------My Social Links:
🔴 My Channel: https://www.youtube.com/c/CodeRadiance
🔴 View Playlists: https://www.youtube.com/c/CodeRadiance/playlists
🔴 My Github: https://github.com/Nitij

#codefirst

Тэги:

#how_web_fonts_work #web_fonts_in_css #web_fonts_css #web_fonts_tutorial #web_fonts_best_practices #fonts_for_web #web_fonts_best_practice

Скачать видео