Changing styling as necessary to improve the readability of the text


show more Changing styling as necessary to improve the readability of the text provides you with in-depth training on Design. Taught by Laura Franz as part of the Choosing and Using Web Fonts show less
please wait ...

Changing styling as necessary to improve the readability of the text

Now that our site is using Crimson Text it looks pretty good, but the text is a bit small; a bit hard to read. That's because Crimson Text has a smaller x-height than Georgia. Also, we chose a semi-italic bold to use for the sentence about Bay Road businesses remaining open, but it's still set as plain bold in the HTML. Let's change these things. Using the HTML file from the last lesson, we'll start by increasing the type size. In our CSS, let's change the universal selector to 16 pixels, and a 23 pixel line height.

Save this, and reload it in the browser. That looks pretty good, but it's still too small, and the lines of text feel a little bit too far apart. So back in the CSS, let's change our font size to 17 pixels, and keep the line height at 23. We'll save this, and refresh in the browser. I'm using Command+R to refresh. That looks better. Now, you may have noticed in an earlier video when we were choosing an old style font that Crimson was at 19 pix...

Changing styling as necessary to improve the readability of the text
Video duration: 9m 20s 6h 52m Appropriate for all

Viewers:

Changing styling as necessary to improve the readability of the text provides you with in-depth training on Design. Taught by Laura Franz as part of the Choosing and Using Web Fonts

Subjects:
Design Web
Author:
please wait ...