TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Saving the Internet 2000TB a Day: Fixing Font Awesome’s Fonts

506 pointsby mattiemassover 8 years ago

26 comments

jsnellover 8 years ago
Is the 2000TB&#x2F;day number reasonable, or just clickbait?<p>It&#x27;s all based on coming up with two numbers that when multiplied say that this resource is downloaded 73 billion times a day. That&#x27;s 20 times &#x2F; day for every internet user (even those using it on a 2G connection once a year). Given a reasonable caching period of 1 month, that&#x27;d mean the average user visits 600 different sites a month. That seems like much more than one would expect.<p>Or to look at it another way, global IP traffic is apparently estimated at 72000 PB&#x2F;month. That&#x27;s 2400PB&#x2F;day. This font alone would then be accounting for 0.3% of all internet traffic, or 1% of all non-video traffic. Again, that&#x27;s a very high number.<p>But at least it doesn&#x27;t appear to be a totally impossible number either, just an awfully implausible one.
评论 #13139178 未加载
评论 #13140830 未加载
评论 #13139422 未加载
评论 #13141216 未加载
fortawesomeover 8 years ago
This is a great article. Some of these are already on the agenda for FA5, but there&#x27;s some new stuff there for us too. We&#x27;ll dig in and it&#x27;s a TODO on the FA5 roadmap now. :)<p>Another thing I&#x27;m super excited about is stray points in vectors. We found some new tools for Illustrator that make this a LOT easier and will have a very real impact on bandwidth as well.<p>Super fun.
评论 #13139397 未加载
评论 #13140852 未加载
评论 #13140118 未加载
anonymishover 8 years ago
There are some really valid points in here and I dislike the idea of using the whole font when only a few icons are required.<p>But, isn&#x27;t subsetting going to result in users now caching your subset instead of a cached copy of everything? I would think that does more harm than everyone grabbing a fully cached copy once from a cdn.
评论 #13138826 未加载
评论 #13139004 未加载
评论 #13138699 未加载
评论 #13141370 未加载
评论 #13140013 未加载
评论 #13138706 未加载
mosburgerover 8 years ago
If you&#x27;re only using a small subset of FontAwesome (as I suspect many people do), I&#x27;d imagine at some point it&#x27;d make a lot of sense to use data-uri&#x27;s to effectively embed them directly in an existing request, which would be faster than a CDN?<p>I saw a talk by someone from Smashing Magazine where they basically did this for a subset of their WebFonts (downloading the entire font asynchronously afterward), then they cached their WebFonts in LocalStorage, but it seems like it make even more sense for an icon font where you&#x27;re using a very small subset.
评论 #13138869 未加载
评论 #13138956 未加载
jessesuth81over 8 years ago
Wouldn&#x27;t the most obvious solution be to open-source FA fonts and include them in Linux, Windows, Mac OS, iOS and Android? If they were installed on all systems then we wouldn&#x27;t really have this issue at all. Given the ubiquity of some fonts this doesn&#x27;t seem impossible.<p>Or and sorry to say cause I like FA, screw them and see if Apple&#x2F;MS&#x2F;Google can have an open standard icon font that doesn&#x27;t suck.
评论 #13139470 未加载
评论 #13150154 未加载
usaphpover 8 years ago
I&#x27;ve been using <a href="https:&#x2F;&#x2F;icomoon.io&#x2F;app&#x2F;" rel="nofollow">https:&#x2F;&#x2F;icomoon.io&#x2F;app&#x2F;</a> for years now to pick only the fonts I like and it can also generate icon fonts from svg so that I can merge different icon sets and pick the only icons I will use in my projects.
评论 #13139145 未加载
评论 #13139231 未加载
meirellesover 8 years ago
That&#x27;s a lot a bandwidth for a single thing. Makes me wonder, perhaps we should have a global repository of popular web libraries for browsers, all of them versioned, like happens on npm&#x2F;bower. It&#x27;s possible be backwards compatible with old browsers using a real and standardized URL. A single source of the truth. It&#x27;s better than many CDNs providing the same thing over and over again... Being immutable packages browsers do not need check for updates (no more waste with 304 responses).
评论 #13142991 未加载
jordanielewskiover 8 years ago
I used <a href="http:&#x2F;&#x2F;fontello.com&#x2F;" rel="nofollow">http:&#x2F;&#x2F;fontello.com&#x2F;</a> when I needed few icons
评论 #13139388 未加载
jstapelsover 8 years ago
Unfortunately I think a lot of the points in this article are lost if you assume that the CDN&#x27;s serving up the TTF for FontAwesome are using GZIP compression.
评论 #13138954 未加载
proaralystover 8 years ago
What&#x27;s the argument against icon fonts? Using actual SVGs?
评论 #13138801 未加载
评论 #13138757 未加载
评论 #13138804 未加载
评论 #13139032 未加载
che_shirecatover 8 years ago
Stuff like this is like rearranging chairs on the titanic - 26 kilobytes is a drop in the bucket compared to the bloat created by all the other shit people slap on to their sites - ad scripts for example
评论 #13139521 未加载
评论 #13139565 未加载
评论 #13139637 未加载
BillBatw2over 8 years ago
The font on this page is terrible. Bad legibility!
评论 #13139522 未加载
dmtroyerover 8 years ago
Seems like they could now afford to have the author consult on the project.
Zelmorover 8 years ago
One of the quoted sources is titled<p>&gt;How Font Awesome 5 Became Kickstarter’s Most Funded Software Project<p>I checked their kickstarter, however. &gt;35,550 backers pledged $1,076,960 to help bring this project to life.<p>Pillars of Eternity, most assuredly software, was a kickstarter I backed. Their campaign page reads to this day:<p>&gt;73,986 backers pledged $3,986,929 to help bring this project to life.<p>Why make up such a shitty lie? Does it matter if you have the longest John in the pub? Is this something USA specific down the American Dream&#x2F;Meritocracy&#x2F;Competitiveness axis? I find most European projects to be more modest about these things.<p>No hate please! None intended here. It just feels weird to me.
评论 #13141726 未加载
评论 #13141702 未加载
评论 #13141822 未加载
评论 #13141760 未加载
et1337over 8 years ago
People seem to be plugging font generator websites, so here&#x27;s what I use and highly recommend: <a href="http:&#x2F;&#x2F;fontastic.me&#x2F;" rel="nofollow">http:&#x2F;&#x2F;fontastic.me&#x2F;</a>
eriknstrover 8 years ago
The fork commits only the modified font files, so as soon as the upstream project modifies the font files it will be out of date. Might it not be better to script the optimization passes?
cpetersoover 8 years ago
You can also serve the font files with the `Cache-Control: immutable` HTTP response header so the client never needs to revalidate with the server (even when the user forces a page reload). Use versioned filenames for immutable resources if you need to change them later.<p><a href="http:&#x2F;&#x2F;bitsup.blogspot.de&#x2F;2016&#x2F;05&#x2F;cache-control-immutable.html" rel="nofollow">http:&#x2F;&#x2F;bitsup.blogspot.de&#x2F;2016&#x2F;05&#x2F;cache-control-immutable.ht...</a>
Bahamutover 8 years ago
We are actually in the process of changing our Font Awesome font usage into svg versions of the font (via Icomoon&#x27;s free converter tool) due to some of our customers blocking web fonts on IE11 via Windows Registry settings, claiming security issues...<p>But one nice side-effect of changing it to svg versions is that our clients are now loading icons on demand and only the ones being used in the app, as opposed to the whole web font.
jasoncchildover 8 years ago
Despite all the hand waiving about accuracy of the claims or the efficacy of CDN fronted caching, etc etc, it is good to see more initiatives around saving (especially mobile) bandwidth use. After moving from EE into full stack js I&#x27;ve been blown away as the duplication present
epxover 8 years ago
I dropped web font after another HN post about how bw hogging they are. My site is not fashion anyway, and the mobile users are majority
megousover 8 years ago
Save the internet by dropping icon fonts altogether. You save a lot of bandwidth, and you stop breaking the web.
btbuildemover 8 years ago
Ironically, they use a somewhat unreadable font on their website.
parasitidover 8 years ago
Save Hexabytes a day by stopping this GIF everywhere mania!
ameliusover 8 years ago
Shouldn&#x27;t we put resources like this on a CDN?
sheeshkebabover 8 years ago
Awesome!
allendoerferover 8 years ago
The FOSS web community should participate in a global feature freeze and stop creating new libraries and frameworks for a year or two to work on stuff like this instead. Just so much opportunity everywhere.