1 00:00:05,270 --> 00:00:13,280 Like for the previous properties, also, as for bonds, therefore the characters, we can insert diverse 2 00:00:13,280 --> 00:00:15,670 elements into stylesheets. 3 00:00:16,440 --> 00:00:24,770 Let's start from our body insert in the classical font family, which is the first property used to 4 00:00:24,770 --> 00:00:27,710 define the family own font to use. 5 00:00:28,250 --> 00:00:37,070 As a general rule, if no other inserting choise is made, the browser displays the font predefined 6 00:00:37,070 --> 00:00:39,300 by its own operating system. 7 00:00:40,040 --> 00:00:48,170 Therefore, now we are entering the most classical among the combinations which among the other things 8 00:00:48,170 --> 00:00:50,990 gets displayed also by this list. 9 00:00:50,990 --> 00:00:54,620 That is Aryal Helvetica sans serif. 10 00:00:56,550 --> 00:01:05,790 In so doing, by saving, refreshing and checking, you can see that our preview has completely modified 11 00:01:05,790 --> 00:01:11,620 its content, switching to the area formed in addition to the family. 12 00:01:12,120 --> 00:01:20,130 Therefore, what we have just seen, they can insert also the dimensions or better the font size. 13 00:01:20,130 --> 00:01:25,950 In this case, we can choose to opt for just one size for all the text. 14 00:01:26,070 --> 00:01:33,660 Therefore, to apply to all the content inserted in body, which would be considered as predefined for 15 00:01:33,660 --> 00:01:42,040 any tag when not containing a property, which in turn may define the size of that specific text. 16 00:01:42,240 --> 00:01:53,280 Now let's insert 18 pixels, let's say refresh, and it's open once again, as you see, main page powered 17 00:01:53,280 --> 00:02:03,240 by its torso and all the various lorem have taken up 18 pixel size and of course, also age two, which 18 00:02:03,240 --> 00:02:11,790 in any case, as we can see, has really got a predefined bigger size than the one the base text buddy 19 00:02:11,790 --> 00:02:15,360 has, can take up an additional new size. 20 00:02:15,960 --> 00:02:19,650 We can insert, for example, for pixels to make it different. 21 00:02:20,280 --> 00:02:21,630 Now, let's refresh. 22 00:02:21,630 --> 00:02:26,100 And as you see, Section one and Section two have increased even more. 23 00:02:27,810 --> 00:02:36,570 Now, as far as the fun wait, therefore, that CSX property able to define whether a text is light 24 00:02:37,020 --> 00:02:38,160 or less light. 25 00:02:39,400 --> 00:02:45,490 We can insert it either through the text or through some numbers. 26 00:02:46,560 --> 00:02:53,820 Specifically, we have the opportunity to refine the font weight in the whole body with. 27 00:02:55,220 --> 00:03:01,310 Either the Gnomon attribute, therefore leaving it exactly where it is placed. 28 00:03:03,470 --> 00:03:11,480 Or as defining, for example, four hundred as width, which represents a standard with. 29 00:03:13,820 --> 00:03:23,000 Therefore, if we save and refresh, we see that the text appears exactly like it was before, if we 30 00:03:23,000 --> 00:03:29,330 decided, for example, to insert 600, we would have a bold text. 31 00:03:32,790 --> 00:03:38,700 Using the textural attributes, 600 corresponds to Bonwit. 32 00:03:43,320 --> 00:03:50,670 As you see, whereas normal corresponds to four hundred, as I have just anticipated. 33 00:03:54,710 --> 00:04:02,540 In addition to four hundred and six hundred, you can insert values which range from a hundred and nine 34 00:04:02,540 --> 00:04:10,690 hundred where a hundred is the lightest at all and nine hundred is the boldest at all. 35 00:04:12,110 --> 00:04:22,730 The Ariel fund does not make provision for displaying light or extra bold characters, but obviously 36 00:04:23,000 --> 00:04:32,150 turning to other types of fonts may display also these font weight types and we will cover them later 37 00:04:32,150 --> 00:04:34,040 on during our lessons. 38 00:04:35,260 --> 00:04:42,340 Also, as far as Fons, let's stop here for the moment, because we will detain these and all the other 39 00:04:42,340 --> 00:04:45,670 related features in that one part of the course.