Call it an experiment gone wrong, or an overzealous symphony of clashing font properties; I’ve had more than one person complain that this blog’s text isn’t that readable, and that while the styles are certainly exotic{{1}}, they defeat the point if techni-literary euphoria comes with retinal hemorrhage.
So I made a few adjustments – bigger, slightly dark fonts, replacing Cantarell for the more mundane but readable Arimo, and axing blurry text shadow. I’m lucky that I decided to use the font-size
% pattern this time around, since it made adjusting all the sizes trivially easy. The pattern looks like:
[code lang=”html”]
body { font-size: 12px; }
h1 { font-size: 150%; }
p { font-size: 90%; }
[/code]
So changing the base size (I prefer working with px
over em
s, and the difference is minimal in current browsers as explained here) will resize all the fonts on the page instantly, which was exactly the effect I wanted. Then it’s just a matter of tweaking each element’s new font size and margin/padding for a better fit.
And if it’s still unbearable on the ol’ spectacles, I’ll defer to Readability; the content is what’s important, after all.
[[1]]As one commenter has listed, the “enhancements” included using the Cantarell font, a bright white color for contrast, and a light text-shadow.[[1]]

On my to-do list, under the “software” category, there was an item on enabling Accelerated Mobile Pages (AMP) on this blog. I figured it’d take some research plus a bit of coding and styling, seeing how the standard is still …

The web is dying? Of course it’s dying. The author of this opinion piece isn’t the first to point out that it seems like mobile apps are taking up a ton of time and attention away from “the web”, defined …