Welcome To My Online earning Tutarial And Artical Based Web Portal

Wellcome to My Online Earning Tutorial and Article Based Web Portal

Web design Tutorials Lesson 3.( Part 6)

CSS and Fonts

In hypertext mark-up language versions before the refashion, that is hypertext mark-up language five, you'll specify a Font with hypertext mark-up language tags. If you wished Arial, as an example That you'll do this:

Some text here

However, In hypertext mark-up language five the FONT tag is deprecated. that does not mean you cannot use it any longer, as browsers square measure backward compatible, which means that older code can work with all browsers. however if you wish to travel with the fashionable manner of doing things then fonts, font sizes, and font colors ought to be through with a mode sheet.

To change the font on your page, the font-family CUSS property is used:

font-family: aria, Helvetica, sans-serif;

You specify the family as a result of the person viewing your page won't have the primary font on your list. during which case, the second font is tried then the third. (You will have over 3, if you wish Or but 3.)

You can specify one font instead, however nobody has that fancy font you wish such a lot. during which case, they might get the default, that is typically a seraph font.

NOTE: A seraph is mark or embellishment on the vertical or horizontal line of text. Here's associate example of the seraph font Times New Roman:

A seraph font

A sans-serif font is one while not marks or embellishment. simply straight lines in different words. Here's the sans-serif font Arial:

A sans-serif font

And here square measure some default font families you'll be able to use quite safely:

Times New Roman, Times, Serif
Courier New, Courier, Mono
Georgia, Times New Roman, Times,
Veranda, Arial, Helvetica, Sans-Serif
Geneva, Arial, Helvetica, San-Serif

Try them out for yourself with the subsequent font-family vogue additional to your H1 code:


Save and refresh your browser. The heading ought to modification from a default seraph font to 1 of the sans-serif fonts Arial Helvetica sans-serif.

But your browser ought to seem like this:


Now strive one among the opposite font-families on the list. Here's what your browser can seem like if your strive traveler New Courier Mono



 In consequent lesson you will study font colors.

No comments:

Post a Comment