על מנת לעבוד נכון יותר עם פונטים נשנה את המידה שלהם מ- PX ל- REM וכדי שנוכל להגדיר את הגדלים בצורה המהירה ביותר וללא חישוב שיקשה עלינו נגדיר את גודל פונט ברירת המחדל ל- 10 במקום 16.
כעת כל REM שנגדיר יהיה 1:1 כמו בפיקסלים, לדוגמא:
טקסט רץ 18px יהיה 1.8rem
כותרת משנית 20px תהיה 2rem
את הקוד הבא נזין בקובץ ה Style.css בתבנית הבת שלנו.
/* Set full site to 10px - Working with REM */
html {
font-size: 62.5%;
}
/* https://lytboxacademy.com/elementor-rem-font-size */