Never use pixel values for fonts on websites

This is part of the Semicolon&Sons Code Diary - consisting of lessons learned on the job. You're in the CSS-and-design category.

Last Updated: 2024-12-03

In Oxbridge Notes, I upped the font-size in Chrome to "v. large" for filming a screencast. This, however, broke the whole website's look, in that some elements did not scale correctly using the browser accessibility tools.

The reason was because I had hard-coded pixel font-sizes for some elements instead of using EM/REM units.

Lesson

Never use pixel values for font-sizes.