Tutorial – Using REM Vs. PX For Font Sizes In Oxygen

This video tutorial explains the benefits of using REMs rather than pixels for website font sizes.

You’ll learn how to make fonts responsive to user preferences in a browser and how to change the root font size using a percentage value for more accurate results. Using REMs instead of pixels ensures that fonts are reactive to user preferences and helps to avoid accessibility issues for users with visual impairments.

To quickly add a Style Guide for this tutorial, you can copy this code and add it to your site using Emmet:

[gist id=”1461849486f74818c5de07f91a669255″]

You may read more about REM here: https://developer.mozilla.org/en-US/docs/Web/CSS/rem.