1
00:00:00,120 --> 00:00:06,780
In this lecture we'll explore the font property to set various style declarations for text such as font

2
00:00:06,780 --> 00:00:12,020
family style size in line height.

3
00:00:12,220 --> 00:00:17,010
We'll be working on the same file we worked with in the last lecture to begin.

4
00:00:17,020 --> 00:00:23,800
We need to create a class that will be used to change the font style of a paragraph of text in our body

5
00:00:23,800 --> 00:00:26,860
below.

6
00:00:26,860 --> 00:00:29,110
Let's call this style text style

7
00:00:41,170 --> 00:00:59,600
we'll create each style declaration then explain what the style decorate narrations are used for.

8
00:00:59,760 --> 00:01:02,580
The first declaration is font family.

9
00:01:02,580 --> 00:01:05,910
This allows us to change the font face of the text.

10
00:01:05,910 --> 00:01:11,940
The reason we specify a font family is because your website visitors browser may not support the first

11
00:01:11,940 --> 00:01:15,050
font specified in this case Vedanta.

12
00:01:15,510 --> 00:01:19,220
If not the browser will use the second font and so on.

13
00:01:19,290 --> 00:01:21,060
If you have additional fonts specified

14
00:01:23,720 --> 00:01:27,880
the next declaration is font size as you guessed.

15
00:01:27,890 --> 00:01:31,170
This allows us to change the size of the font.

16
00:01:31,190 --> 00:01:40,770
There are many possible values ranging from extra extra small to extra extra large font style allows

17
00:01:40,770 --> 00:01:49,440
us to make the Text Italic or oblique or normal line height allows us to change the spacing between

18
00:01:49,500 --> 00:01:52,530
each line of text in a paragraph.

19
00:01:52,650 --> 00:02:00,630
The default line height in most browsers is about 110 to 120 percent so any value above this amount

20
00:02:00,810 --> 00:02:04,790
will increase the spacing in any value below it will decrease it

21
00:02:11,190 --> 00:02:18,660
let's save our file and preview it in our web browser to see what the the paragraph looks like without

22
00:02:18,870 --> 00:02:28,440
the class applied so we can see that this is the default style and now we'll go ahead and add the class

23
00:02:28,440 --> 00:02:29,190
we just created

24
00:02:43,250 --> 00:02:47,750
save the file and I'll just refresh the web browser

25
00:02:51,470 --> 00:02:58,320
and as we can see here this paragraph the font style has changed to reflect the class that we added

26
00:02:58,320 --> 00:02:59,090
to the paragraph.