I spent the morning tweaking the design of the site. Instead of targeting the system fonts for various operating systems, I decided to add one font instead — Titillium Web from Google. I’m not a fan of loading external fonts since they increase load times, but this does give me greater control over the look of the site.
I need to finally fix the mobile menu — not happy with the current design. One day…
June 4, 2017 at 12:32
Just set Titillium Web as first, and Arial as second font. You can also load this font not from CDN, but from the font file on your server, this will decrease load time. ;)
June 4, 2017 at 13:11
That would murder my server’s transfers. Tried that once.
June 4, 2017 at 13:20
That’s why I host my stuff on my own server on Raspberry Pi. :D
June 5, 2017 at 11:05
Wow. I wonder what kind of transfers that can withstand…
June 5, 2017 at 11:54
Most likely is all about your Internet bandwidth. :) My own transfers are small. (Small blog, small transfer). Other thing is that I run my own cloud on this machine and it can handle cloud and hosting :)
June 5, 2017 at 12:19
There are ways to minimise fonts’ impact on load times: https://www.zachleat.com/web/comprehensive-webfonts/
Also by utilising local storage you can cache fonts and save on transfer :)
June 5, 2017 at 12:27
Too complex at this point in time. I wish someone solved this elegantly.
June 5, 2017 at 13:30
I agree, it’s far from perfect, but it’s mostly due to tools provided by the browsers, so it’s not likely to change overnight.