How to Manipulate Fonts Using html

One of the most prevelant things on a website is text and knowing how to manipulate it to create a strong typographical design is of great importance. This tutorial will show you how to changr font sizes, color, and placement.



1. Begin with a basic HTML page with your usual header followed by a body. You can decide what type of font you would like to use at this point. If you choose to use the same font type as well as size throughout, you can use what is called the base font. It will be set up like this:

















2. The next thing you may want to consider is the use of different type faces. To do this, you should follow the next process shown: (also, you should keep in mind that if the user does not have your chosen font, they may not be able to see it and the font will default to times new roman)




This paragraph now has the specified font






3. Another thing to take into consideration is the size of your font. You can choose numbers between 1 (smallest) and 7 (largest). To do this you will follow these steps:




Your font size is now a 5






4. To set the color of your font you can either use the name or the rgb.

Your text will now be RED

OR

Your text is now hexcolor #990000



5. you can use commands such as to italicize your font or to bold your font. These come in hand when you want a word or paragraph to stand out from the rest.



6. The last thing you may want to look at is the placement of your text. Should it be centered? Right aligned? Left aligned? Here is how to complete each of those tasks:

Center alignment

Left alignment

Right alignment