Creating a master typography guide


show more Creating a master typography guide provides you with in-depth training on Web. Taught by Justin Seeley as part of the CSS: Visual Optimization show less
please wait ...

Creating a master typography guide

In addition to creating your own master color guide, you can also create a master typography guide if you wish as well. This is going to be something that is really helpful when you start to use web fonts, and all different types of fonts that aren't necessarily default inside of a browser. And so, in order to do this just create yourself a blank CSS document really quick, and you can kind of see exactly where I am going with this. What we're going to do is first start off by defining a comment, and I will just create a little bit of a line here with some asterisks and then directly underneath that some more.

This just creates a little bit more space, and lets people know hey, something is happening here, there is a heading. So in this case, I am just going to type out Typography Guide, and so we will do things like Headings. And so, this will be something like, let's say, Georgia, and we will do 14 pixels through let's say 36 pixels for this. Body, and this would be Arial, and we&#...

Creating a master typography guide
Video duration: 3m 24s 1h 11m Beginner

Viewers:

Creating a master typography guide provides you with in-depth training on Web. Taught by Justin Seeley as part of the CSS: Visual Optimization

Subject:
Web
Software:
CSS
Author:
please wait ...