Loading…
1
Turns out my custom icon font was 40% larger than it needed to be
I spent the weekend cleaning up a font I've been building for my little web tool, mostly because I was tired of the slow load times. I ran it through a font subsetting script I found on GitHub and it showed me that I had like 30 unused glyphs and a ton of duplicate curves in my SVG paths. The file went from 180KB down to 108KB just by removing those and re-exporting with better precision settings. I honestly had no idea that hand-drawn paths carried so much extra data, it felt like finding out your backpack has a hidden brick in it. Now I'm wondering if I should redo my other two fonts too, or if that's just overkill for a side project. Has anyone else compared the file size before and after cleaning up their source files? I'm curious how much people usually shave off.
1 comments
Log in to join the discussion
Log In1 Comment
holly4721d ago
Whoa, that's a solid chunk of data just sitting there! I read somewhere that most icon fonts have like 60% wasted space from duplicate paths and old glyphs nobody ever uses. Sounds like your redo instincts are right, I'd say go for the other fonts too if the load time is bugging you.
4