Exploring font variants


show more Exploring font variants provides you with in-depth training on Web. Taught by Joseph Lowery as part of the Typography with CSS in Dreamweaver show less
please wait ...

Exploring font variants

When you'd like your heading to really stand out, one nice option is to use a small-caps font like Copperplate. As you can see, with a small-caps font, all the lowercase letters are smaller versions of the uppercase ones. Copperplate and other small-caps fonts are great for print, but are not common enough across computer platforms to be considered web-safe. So unless you use a licensed web font, there is no way to get small-caps on your web site, unless you use the CSS property Font-variant.

Let's put it to work. So back in Dreamweaver, I have the tours.htm file from the Chapter 5 > 05_03 folder open. I'm in Design View. Let's go down to the Tour Descriptions and select the h2 tag that we see here. You'll see it display in the CSS Styles, because I have the Current mode on. Now, let's choose Edit Rule, and make sure that you're in the Type category.

Then take a look at the Font-variant property. If you bring down the list, you'll see that besides normal,...

Exploring font variants
Video duration: 1m 50s 2h 30m Intermediate

Viewers:

Exploring font variants provides you with in-depth training on Web. Taught by Joseph Lowery as part of the Typography with CSS in Dreamweaver

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