From the course: CSS Essential Training

Unlock this course with a free trial

Join today to access over 25,500 courses taught by industry experts.

Project: Font and text styles

Project: Font and text styles

From the course: CSS Essential Training

Start my 1-month free trial Buy for my team

Project: Font and text styles

“

- [Instructor] In this update, we'll set the font sizes for the project. Let's go over which elements may need adjustments. A base font size is usually defined to set a baseline for all page texts. You'll likely need to adjust the size of the headings as well if you want them to be different from the browser's default sizes. The tagline is a unique line of text, so it will likely need customization. And lastly, a smaller font size for secondary content, like copyright information or any text that should appear smaller than the base size. Let's go back to the editor. This is a snippet that I've created for the font size custom properties. You can find it in the Starter Files References folder called font-sizes. Font size values can be added directly to declarations. But similar to our approach with the color palette, we'll use custom variables to organize the values and rem units to incorporate accessible font sizing. I…

Contents