1
00:00:00,540 --> 00:00:02,410
Hello and welcome.

2
00:00:02,490 --> 00:00:13,740
In this video I will introduce you to the CNS front property vs. says farm property defines the font

3
00:00:13,740 --> 00:00:21,150
family the baldness the size and the size of a text.

4
00:00:21,180 --> 00:00:30,030
If you want to set the type of font that an element uses you'd need to do that using the font family

5
00:00:30,120 --> 00:00:31,260
property.

6
00:00:31,400 --> 00:00:42,270
I've got my thesis here and I am going to add a font family for this paragraph here in blue which is

7
00:00:42,270 --> 00:00:45,220
controlled by this class here called Para.

8
00:00:45,480 --> 00:00:55,170
So all I need to do is type font family property and define each of the funds I want to use.

9
00:00:55,200 --> 00:01:05,130
Always good to use more than one font just in case the computer is viewing the page doesn't have that

10
00:01:05,130 --> 00:01:06,100
font.

11
00:01:06,150 --> 00:01:14,610
Then it will default to the next available font but always start with the font that you want to use

12
00:01:14,620 --> 00:01:18,730
first followed by the other one he gave.

13
00:01:18,780 --> 00:01:19,670
Substitute.

14
00:01:19,680 --> 00:01:25,710
So here I have listed three types of fonts.

15
00:01:26,010 --> 00:01:30,740
So what will happen if the first choice will be zero.

16
00:01:31,010 --> 00:01:37,560
If the computer viewing the web page has no go area it will default to the next one which is vertica

17
00:01:37,950 --> 00:01:39,950
if it hasn't got built a car.

18
00:01:40,030 --> 00:01:47,010
He goes to the next available one which is Times always good where you find your family values.

19
00:01:47,010 --> 00:01:50,970
Make sure you have more than one value of specified.

20
00:01:51,000 --> 00:01:59,770
If you've got some text that you want to make it tallack the property you need to use to do that is

21
00:01:59,790 --> 00:02:03,280
the font style property.

22
00:02:03,300 --> 00:02:07,840
I have already illustrated this so far in this course.

23
00:02:07,980 --> 00:02:11,980
If you look at this text here it's all in italics.

24
00:02:12,300 --> 00:02:18,010
I set the property here using the fahnestock property and the value is italic.

25
00:02:18,030 --> 00:02:20,890
Okay so this makes it a tab.

26
00:02:21,660 --> 00:02:31,590
If you want to change the size of a text you do that using the font size property.

27
00:02:31,780 --> 00:02:39,530
I've already illustrated that in a previous video on the courts so we look at line 12.

28
00:02:39,530 --> 00:02:49,170
Here of my CFS have used the font size property on the hate one element which is this element here which

29
00:02:49,170 --> 00:02:50,800
controls this heading.

30
00:02:50,910 --> 00:02:57,640
So I set the font size so 65 Pixels has We've got the B title.

31
00:02:59,720 --> 00:03:09,380
Want to make your font board just like these are baldo that you use the font wheat property that will

32
00:03:09,380 --> 00:03:12,650
make the font board.

33
00:03:12,710 --> 00:03:18,250
So if I wanted to make this text here for this paragraph wanted to make a bolt.

34
00:03:18,290 --> 00:03:31,220
All I need to do is come here in siby CFS and I would just add here font weight property that wall and

35
00:03:31,220 --> 00:03:35,420
then I give it a value with a font which you can set the frame values.

36
00:03:35,420 --> 00:03:44,190
These are degrees of baldness that being the lightest seven hundred being the less so you can do all

37
00:03:44,210 --> 00:03:45,050
that.

38
00:03:45,050 --> 00:03:47,500
How does he is bold he can use.

39
00:03:47,510 --> 00:03:47,840
No.

40
00:03:47,840 --> 00:03:53,900
Normal means it will give it a normal board knows but there are different ways in both that you can

41
00:03:53,900 --> 00:03:56,110
specify in the filing.

42
00:03:56,110 --> 00:04:01,460
So if you want to experiment just try the different values and you can see how bored it is.

43
00:04:01,740 --> 00:04:05,610
I am going to just leave it to this value which is bold.

44
00:04:05,760 --> 00:04:14,850
He can see his made that bald so few on a mic test pronounce your phone and make it quite visible.

45
00:04:15,230 --> 00:04:19,400
Make it board use of font weight property.

46
00:04:19,400 --> 00:04:30,560
In this video I introduced you to the here says foreign family which includes the font style the font

47
00:04:30,650 --> 00:04:34,470
size and also the font.

48
00:04:34,880 --> 00:04:37,140
Thanks for watching and bye for now.