Changing styling as necessary to improve the form and placement of letters on the page


show more Changing styling as necessary to improve the form and placement of letters on the page 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 form and placement of letters on the page

So now that we've picked our font, Limelight, let's make it work. I've provided an Exercise File which we're looking at here. I've already added the code from Google Web Fonts in the head of the HTML document and I've set the font-family as usual. Let's take a look at it in the browser. And it's got a few problems. The most noticeable problem is that the heading is too big. The first line is breaking, so book is all by itself.

I don't think we should go any bigger with this font. The repetition of the vertical strokes and the vertical counter forms is very strong. It would start to feel more like shapes than letters and words. We could break the first line after the word Reading, but I think that's going to give us an almost diamond-shaped text block. Here let me show you. Back in the text editor, down in the HTML, I can add a br tag here.

I can save and refresh it in my browser and you can see how the headline is starting to look a little bit like a g...

Changing styling as necessary to improve the form and placement of letters on the page
Video duration: 3m 51s 6h 52m Appropriate for all

Viewers:

Changing styling as necessary to improve the form and placement of letters on the page 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 ...