Discussion on "Import fonts in an Angular App - THE EASY / RIGHT WAY!"

Aditya Tyagi · 2019-10-03T05:31:42.817Z

One of the hot debates/discussions that I have with fellow developers is about the right and the most effective way of importing FONTS in an Angular application. See, there are a number of blogs out there which outline the pros and cons and probabl...

Hi there, Thanks for your article to use fonts offline. I followed your blog but for some reason the Lato font is not getting displayed for my application. What am I missing, can you please help me as to how I can debug the issue.Thanks

It's a well written post Aditiya. Through here are some things that are still unclear to me.

isn't loading from popular CDN usually faster in practical world because user probably have that font already cached in their browser?
shouldn't you give a fallback font in-case the browser can't fetch the font for any reason.
shouldn't you use font display property read why here

Hey Saurabh Sharma Thanks for the appreciation and apologies for the delay in reply.

99% of the time I am working on custom designed products/projects and hence every one of the projects has a different font than the other and the majority of them don't have the common fonts like Montserrat. Therefore, I face this difficulty and hence adopted this solution. You are absolutely on the point that the user "probably" would have the font cached, but I won't take chances :)
On the fallback font - We all should. I'll update the blog soon.
Went through the article and found it useful. Was unaware of the font-display property. Thanks for highlighting it.

Search Hashnode

Import fonts in an Angular App - THE EASY / RIGHT WAY!

Responses2