WEBVTT FILE





1
00:00:06.319 --> 00:00:12.389
in this video we're gonna learn how to as set text fonts so we're going to use

2
00:00:12.389 --> 00:00:18.720
the same source code that we used for the tip and span file we're just gonna

3
00:00:18.720 --> 00:00:23.850
get rid of the span elements in the Facebook div and keep only the Facebook

4
00:00:23.850 --> 00:00:31.320
word okay so before we set the text fonts for these tips we just gonna

5
00:00:31.320 --> 00:00:46.649
increase the font size to hundred pixels for all these divs well we could have

6
00:00:46.649 --> 00:00:54.030
done that just by specifying a new style for all the tip elements anyway we have

7
00:00:54.030 --> 00:01:05.240
done it now so in order to set the x fonts we use the font family property

8
00:01:05.240 --> 00:01:15.150
okay so first of all there are several generic families and under those generic

9
00:01:15.150 --> 00:01:20.700
families we will find some specific font families so let's start with the generic

10
00:01:20.700 --> 00:01:26.640
families so we can set the font family to a generic family so first one is

11
00:01:26.640 --> 00:01:33.930
gonna we're gonna choose is the son serif so it is Sun Sun Sun serif means

12
00:01:33.930 --> 00:01:39.479
does the characters they don't have those lines at the end of the of the

13
00:01:39.479 --> 00:01:45.899
letters and like the serif font family which we will try on the apple

14
00:01:45.899 --> 00:01:48.409
div so now the Apple Davis caught those

15
00:01:54.560 --> 00:02:02.610
small lines at the end of the characters okay so unlike the Facebook Dave we

16
00:02:02.610 --> 00:02:06.590
don't have those lines so that's Sunseri other save & sons'

17
00:02:06.590 --> 00:02:16.400
means without okay another generic family is the mono spaced family and

18
00:02:16.400 --> 00:02:24.530
basically in this generic family all the characters they have the same width okay

19
00:02:24.530 --> 00:02:32.160
so now if we want to specify or sets the font family to a specific font family

20
00:02:32.160 --> 00:02:39.480
then we can do that one way of doing it is while usually to do that we are going

21
00:02:39.480 --> 00:02:45.510
to specify the specific or said said the font family the specific font family we

22
00:02:45.510 --> 00:02:53.700
want so for instance Times New Roman some putting this between quotation

23
00:02:53.700 --> 00:02:58.950
marks because the name has got more than one word and then this is gonna be

24
00:02:58.950 --> 00:03:07.770
followed by another font family as a fallback so if the first one doesn't

25
00:03:07.770 --> 00:03:13.020
work we moved in the next one and then at the end we would use a

26
00:03:13.020 --> 00:03:19.980
generic font family so so the way it's gonna work is we're gonna try that one

27
00:03:19.980 --> 00:03:23.730
so the web browser will try this one if it doesn't work we're gonna move to the

28
00:03:23.730 --> 00:03:29.160
next one and if it doesn't work we're gonna move to the font family that is

29
00:03:29.160 --> 00:03:34.670
the closest to the one we want in the generic family