Like for the previous properties, also, as for bonds, therefore the characters, we can insert diverse
elements into stylesheets.
Let's start from our body insert in the classical font family, which is the first property used to
define the family own font to use.
As a general rule, if no other inserting choise is made, the browser displays the font predefined
by its own operating system.
Therefore, now we are entering the most classical among the combinations which among the other things
gets displayed also by this list.
That is Aryal Helvetica sans serif.
In so doing, by saving, refreshing and checking, you can see that our preview has completely modified
its content, switching to the area formed in addition to the family.
Therefore, what we have just seen, they can insert also the dimensions or better the font size.
In this case, we can choose to opt for just one size for all the text.
Therefore, to apply to all the content inserted in body, which would be considered as predefined for
any tag when not containing a property, which in turn may define the size of that specific text.
Now let's insert 18 pixels, let's say refresh, and it's open once again, as you see, main page powered
by its torso and all the various lorem have taken up 18 pixel size and of course, also age two, which
in any case, as we can see, has really got a predefined bigger size than the one the base text buddy
has, can take up an additional new size.
We can insert, for example, for pixels to make it different.
Now, let's refresh.
And as you see, Section one and Section two have increased even more.
Now, as far as the fun wait, therefore, that CSX property able to define whether a text is light
or less light.
We can insert it either through the text or through some numbers.
Specifically, we have the opportunity to refine the font weight in the whole body with.
Either the Gnomon attribute, therefore leaving it exactly where it is placed.
Or as defining, for example, four hundred as width, which represents a standard with.
Therefore, if we save and refresh, we see that the text appears exactly like it was before, if we
decided, for example, to insert 600, we would have a bold text.
Using the textural attributes, 600 corresponds to Bonwit.
As you see, whereas normal corresponds to four hundred, as I have just anticipated.
In addition to four hundred and six hundred, you can insert values which range from a hundred and nine
hundred where a hundred is the lightest at all and nine hundred is the boldest at all.
The Ariel fund does not make provision for displaying light or extra bold characters, but obviously
turning to other types of fonts may display also these font weight types and we will cover them later
on during our lessons.
Also, as far as Fons, let's stop here for the moment, because we will detain these and all the other
related features in that one part of the course.