Web design Tutorials Lesson 3.( Part 9)

Font Style, Font Weight, Font Variant

Font-Style

There area unit solely 3 font designs to settle on from: traditional, italic, and oblique. Of course, the default is traditional, therefore you do not ought to use font-style unless you would like italic or oblique text. you utilize them like this:

Example of CUSS font-style

There's not a good deal of distinction between italic and oblique, though. If you would like to envision the distinction use a sans-serif font, with an oversize font size.


Font-Variant

Font-Variant is employed once you need tiny caps for text:

Example of CUSS font-variant

And here's what it's like during a browser:

 Font-Weight

The weight of a font is however thick it's. There area unit countless values you'll use here the foremost common one is daring however you'll even have Bolder and Lighter similarly because the named weight you'll conjointly use variety from a hundred to 900. It's higher to stay with spherical numbers though because the distinction between a hundred and one hundred fifty is much not possible to envision. Here's the way to use font-weight:

Example of CUSS font-weight

Add a second paragraph of text between your BODY tags and take a look at it out:

Here, we've set all paragraph tags to own daring text.

Then we've additional a category Selector referred to as Change_Font_Weight, that we've set to lighter. We've then used this category on the second paragraph.

Save your work and refresh your browser to envision what impact it's.


Exercise
Try a number of the amount font weights to envision however they work. however completely different is a hundred from 900?



We'll take an opening from CUSS, now, however return to that later. within the next section, you may learn the way to insert pictures into an internet page.