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.

  • Maya
    4·
    4 years ago

    This is tricky, because while the Savvy User will know how to configure their browser for their preferences, a lot of people roll with what MS/Apple/Google gave them without knowing that anything different is possible. Whatever you end up with, I recommend testing out how it looks with the browser zoomed in, because that’s used by some people who don’t know about font size settings.

    • 0x1C3B00DA
      2·
      4 years ago

      +1 for testing zoom levels. I’m a more savvy user, but I use some sites zoomed in just because I like the layout better. It tends to cause sites to render in two columns, instead of three on larger displays which means the main content has more screen real estate.