Improved font loading
Tue May 15 2018
Enter our old friend,
@font-face rule has been around as long as I can remember but went steadily out of favour as the popularity of FOUT techniques grew. This is because its default behaviour results in a FOIT while the font is downloaded and with the rise of mobile devices on sluggish connections users can be left with a blank page for seconds or even minutes. This is no longer the case thanks to a new attribute,
Browser support for
Here at Go Tripod we use Google Fonts for most projects but in their default format (TTF) file sizes can be much larger than is required. On slower connections this means the web fonts will take noticeably longer to swap with the system fonts and it’s best we do everything to deliver these assets to the user as quickly as possible. We use Font Squirrel’s Webfont Generator to convert our TTFs from Google into WOFF and WOFF2 formats which often reduces their size by over 50% meaning the time it takes to download them is significantly decreased. This coupled with the
By Matthew Dixon, Lead Front End Developer
Filed under: Development insights
Got an idea for a project?
Need a website? Web-enabled software to streamline your business? Just some advice?