From the course: CSS: Print Style Sheets

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

Overriding styles intended for screen display

Overriding styles intended for screen display - CSS Tutorial

From the course: CSS: Print Style Sheets

Start my 1-month free trial

Overriding styles intended for screen display

- Next up, let's consider styling for the rest of our printed page by modifying the CSS we already have in place for our fonts. And let's make this work a little bit better for print. We'll also modify some other elements along the way here, as well. As you can see here in this print preview in Chrome, we have a lot of pages of stuff. It looks like even if we didn't deal with the sidebar just yet, we have like two pages of these exercises. The font looks a little bit big for a printed page. Kind of horsey, actually. And so we might want to reduce that size. And of course, this is also a sans serif font, which is great for screen reading, but we might prefer to have a serif font for printing, where serif fonts are typically used. So there's some changes that we probably ought to make here to make this page a little bit more readable for print-style sheets. So let's go ahead and take a look at that. Get out of that and…

Contents