Transcript

9 Ways to Optimize Web Fonts to Perform Better!

WAYS TO 9 9 OPTIMIZE WEB FONTS TO PERFORM BETTER! Optimize the font assets and their usage on your pages to avoid heavy downloads and unnecessary glitches. Japanese ADVANTAGES BEBAS NEUE ADVANTAGES ADVANTAGES Latin ADVANTAGES Āā ćć Đđ NUMBER OF FONTS FONT VARIANTS SUBSET FONT RESOURCES Minimize the number of Split into multiple unicode-ranges. Use fewer fonts. used variants. Upload fonts on webserver etA@ IIEN Sync fonts from typekit.com Aa A 01001 01100 GLYPHS FONT RE-USE SUITABLE FORMATS Be careful to optimize for Deliver the glyphs required by a particular page. Provide each font in WOFF2, font re-use. WOFF, EOT, and TTE formats. Browser CUSTOMER TESTIMONIALS ABG ABG Resource cache 200KB 60KB Sync fonts from typekit.com GZIP COMPRESSION SPECIFY REVALIDATION FONT LOADING API Use Font Loading API to optimize the Critical Rendering Path. Provide max-age timestamp Apply GZIP compression to EOT and TTF formats. and a revalidation token. dn Designmantic

9 Ways to Optimize Web Fonts to Perform Better!

shared by DesignMantic on May 28
90 views
0 shares
0 comments
Our infographic shall guide you to achieve perfect web font optimization. Don’t forget to share!

Publisher

Designmantic

Designer

Evan Brown

Writer


Category

Other
Did you work on this visual? Claim credit!

Embed Code

For hosted site:

Click the code to copy

For wordpress.com:

Click the code to copy
Customize size