Hello, friend.
So in this lesson, we're going to talk about font and text decoration issues that are important in
access.
So now we're going to start preparing more organized and beautiful pages, if I may say so.
So let's start Adam West when starting our topic and create a new e-mail file for the fund.
And I said the name of our page as font and text HTML.
So many female pages ready and on right, A.T.M. and press tab and the codes that we use in general
are ready, of course.
Now here I'll just write fonts in text decoration in the title section.
Also right fonds text in a header with the H1 tag.
Now, let's say I want to add a few paragraphs and make some changes to the articles in those paragraphs.
So for this, go to Google and right lorem ipsum, because I don't want to just add random words to
the paragraph section right now, by the way, lorem ipsum generally means imitation writing in the
virtual world.
Instead of using just meaningless words or, you know, God forbid you should encroach on somebody's
copyright when you're trying out something, we can use these more meaningful paragraphs.
And therefore, the documents that we prepare can, well, just look better visually.
And you always see it coming up in template, so it's a lot of fun to know where it comes from.
So here, I'll go to one of the pages that I come across and just copy the paragraph part.
For now, we got two paragraphs, so let's.
Let's run it into our page and see what we've done.
And as you can see, are two paragraphs are ready.
So now I'll just add the link tag, as hopefully you remember, to the header and to our success file
externally.
Now, if you want to, you can prepare a new access file, but I'm just going to continue using the
first access project access file that we've had earlier.
All right, so now I'm writing Google CSFs fonds before we start making changes to our success file.
So I'm going just to the first place, W3 School, because, well, first of all, I just want to see
how and why we can make with the font the changes that we can make.
And as we can see when we open our page, the font properties rights that it defines the font, family,
boldness, size and style of text.
And when we first look at the font family feature, it says that there are two types of font family
names.
Generic family and font family.
Now, just not to be confusing here, we just need to write the font family name when using it.
So we'll use it like this font, family, font, family name.
Now.
Which font family will we use?
Mm hmm.
So in this, I'll Google again and write Success Fonts Stack.
So here are the font family names supported on different machines, and when you look through a bunch
of them, you'll come across Ariel and Haoma.
Those are highly supported on Mac and Windows across most generations of operating systems.
Helvetica is also supported on all Macs while Windows.
Hmm, not so much anyway.
So you can look at all the fonts you want to later.
So it's not to be too confusing here.
Let's do a few fun family trials with Adam.
So what I'll do is indicate that I want to change the H1 tag in our file and I'll write the font family
I just put Colon's here and I'll write the commonly used Aryal and I'll put a semicolon.
I'd be better if we put Ariel in quotation marks while typing here.
So over this name, it may not be the same way that we used it at first, but if there's a number in
front of it, the use of unquoted quotes will throw up an error.
So, yeah, when we say the changes and refresh our page, we'll see here that the header is in the
font called area.
And I said it here as font family to Haoma for the pétanque.
And you can see the change by saving and refreshing the page.
All right, so we're going to talk a little bit more about this, but first, let's look at a different
font feature, the font style property.
So this feature generally indicates whether this spelling is normal or italic italic in the font property
style is in the P tag and we can see what changes occur.
And there you go.
Other paragraphs have indeed been italicized.
And we'll look at the W3 school again and see the font size future.
And when we look here, you talked about two different units of measurement, one of them is pixels
and the other one is E.M..
So when we look at em, we'll see that one of them is equivalent to 16 pixels used by default, so the
value we specified is 2.5.
VCM is actually 2.5 times sixteen, which equals forty pixels makes in.
So now I can specify the font size of the H1 tag on Atom as 40 pixels and the font size of the P tag
as one point seventy M.
And when we look at the changes, we can see that our articles are getting bigger.
Elephant Whip is another important font feature.
So this feature, it determines how to write the text in, whether it's normal or bold letters.
Now, before we start using this feature, I do want to set a section with the spane element in the
paragraph section.
So for this, I'll just frame a few words with this spane element.
In the first initial.
Now, in the ceasefire, I said the font weight property to Bould for the spane element.
And as you can see here, when we look at the changes that we made after we refresh our page, the words
have become bold.
All right, so let's talk about some of the text features as we approach the end of our lesson.
So here's a text online feature where they say we can determine whether our article will be off to the
right, to the left or in the center.
For this, I can set the tax online property of the H1 tag to center and look at what that looks like.
And yes, you can see our title has been censored, so if we want to, we can write this feature, right.
And make the header over there to the right.
But for now, I just want it to be in the middle right now, so I'm just going to do it again for the
center.
And another text feature is text decoration.
So the text decoration property is used to set or remove decorations from our tax.
So why don't we set it here, a text decoration overline for the H1 tag and underline for the paragraph
and let's have a look at the difference.
And now we can see what changes we've made with tax declaration when we refresh and review our page.
Our last feature that I want to talk to you right now about in this lesson is the line height feature.
And that determines the height between the lines.
So why don't we just go ahead and use this feature to increase the saturation and the paragraph and
said it's valued at two?
Now, when we save and look at the changes, the hype between the lines is increased cool.
All right, guys, so today we talked about font and text features and, hey, that's the end of this
lesson.
So we review it if you need to.
And I want to see in the next lesson.
So good bye for now.