The number of websites using custom web fonts continues to grow at a rapid pace and this in turn affects the rendering speed of pages. We will compare some of the top web fonts and see how different delivery methods, such as serving from Google Fonts, hosting locally, and 3rd parties, affect the overall load times.
According to the HTTP Archive, 57% of websites are now using custom fonts. Which is an 850% increase since 2011.
Web Fonts are scalable, zoomable, and high-DPI friendly, meaning they can be easily shown across desktops, tablet, and mobile phones no matter what the resolution. Other advantages of using web fonts are design, readability, and accessibility.