Rishi Raj Jain’s Post

View profile for Rishi Raj Jain, graphic

Engineer

Received a question on using fonts: Q. When should we use preload in loading fonts? Can you give some examples? Here's what I think 👇 1. Using preload is not affected with the origin of font, whether local or over CDN. 2. Using preload is specific to the nature of your website font loads and their priority: Case 1: If I have say a designer website with fonts of very specific kind and I'm okay with users seeing a fallback font (generated to match -the font of your choice) I do not need to use preload. Having a fallback font allows me to get rid of layout shifts. Case 2: If I have say a designer website with fonts of very specific kind BUT I'm NOT okay with users seeing a fallback font, I do need to use preload to make sure that the fonts receive higher priority on the network waterfall. Case 3: If I do not have a designer website but still I want the font of my choice to be visible to users as soon as they open up the page, I'd need to use preload. Case 4: If I do not have a designer website and I'm okay with users seeing a fallback font I do not need to use preload. Having a fallback font allows me to get rid of layout shifts. Let me know your feedback on this. Open to learning.

To view or add a comment, sign in

Explore topics