I am trying to make a theme for Hugo for a simple blog. But I don’t know what the standard practices for setting font size for the main text are. Right now I have left them untouched so they default to whatever you have set on your browser. But this doesn’t seem good because browser font size is usually set to something smaller than legible.
Is it desirable to set font size by the way of absolute numbers (like 22px)? I don’t know how this would translate over different screens with different resolutions. I also know how to make responsive changes in CSS but I don’t know what are good numbers to set font sizes to.
Vague question but any help is appreciated.
edit: I would much prefer to be able to use the set browser size for reference at least because I don’t wanna push my taste on other people. Same with font-families.
I was just looking into this because I want to replicate the nostalgia of early 2000s websites I remember, but monitor resolutions are so different now that matching the effect is hard! It seems crazy to be trying to look up old monitor PPI stats to figure out what the visual height of 11pt Arial (or whatever) really showed up as…
https://fvsch.com/body-copy-sizes <-- This ended up being the best thing I read about it.
https://resilientwebdesign.com/ <-- this has big opinions but doesn’t manage to keep your place in the text on screen when you scale the window which seems pretty 101
the first link also has exclusively relative font sizes in its CSS so thanks for that.