Web fonts, on the other hand, allow us to maintain a consistent look. But we may not desire these font types, and more importantly, they are not consistent between operating systems. With system fonts, we are guaranteed that text will render at the earliest possible time.
How we load fonts in our web project can make or break the user’s experience. Next.js font optimization: Adding custom and Google fontsĮditor’s note: This article was updated on 30 March 2023 to include information on FOIT (flash of invisible text), reusing fonts, and relevant details (pertaining to Google Fonts) on improving privacy for sites subject to GDPR. I also write technical content around web development. Ibadehin Mojeed Follow I'm an advocate of project-based learning.