Published on April 2, 2023

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.

 

The Oxygen Team
Updated on: April 2, 2023

You'll build incredible websites with Oxygen

Get started with Oxygen today and unlock incredible value.

Get Oxygen

30-day money back gurantee

Try Oxygen risk-free. If youโ€™re not satisfied, get a full refund within 30 days.

Unlimited site license

Use Oxygen on as many personal or client projects as you want โ€” no limits.

Fast, world-class support

Our experienced team is eager to assist you with technical questions.

Use on client websites

Build and deliver professional-grade websites for your clients with no extra fees.