In this lecture we'll explore the font property to set various style declarations for text such as font
family style size in line height.
We'll be working on the same file we worked with in the last lecture to begin.
We need to create a class that will be used to change the font style of a paragraph of text in our body
below.
Let's call this style text style
we'll create each style declaration then explain what the style decorate narrations are used for.
The first declaration is font family.
This allows us to change the font face of the text.
The reason we specify a font family is because your website visitors browser may not support the first
font specified in this case Vedanta.
If not the browser will use the second font and so on.
If you have additional fonts specified
the next declaration is font size as you guessed.
This allows us to change the size of the font.
There are many possible values ranging from extra extra small to extra extra large font style allows
us to make the Text Italic or oblique or normal line height allows us to change the spacing between
each line of text in a paragraph.
The default line height in most browsers is about 110 to 120 percent so any value above this amount
will increase the spacing in any value below it will decrease it
let's save our file and preview it in our web browser to see what the the paragraph looks like without
the class applied so we can see that this is the default style and now we'll go ahead and add the class
we just created
save the file and I'll just refresh the web browser
and as we can see here this paragraph the font style has changed to reflect the class that we added
to the paragraph.