:: RainbowBliss.net ::

html text styles 2

Font Size

To change the font size, you use Size 3 text here. Using that would give us size 3 text. To change the size, just change the 3 in the code to another number (between 1 and 7). These are the text sizes:

You can also use 'points' to change text size. To do this just use "pt" at the end of a number. (Points is the size generally used on your computer).
For example, to get 14 point text, use 14 point text here
You can even set the size using pixels, just use px at the end of the number.

Text Colour

To change text colour, you would use:

Your text goes here

Where #000000 is the Hex HTML colour. Have a look here for a list of some colours.

Font Face

The code to change the font face is:

Font using Arial face here

Arial is the face used in this code. To change it, simply put the name of another font in there. However, remember that if someone does not have that font on their computer, they will only see their default font! Almost all people (using Windows and Mac OS) have the following fonts, so I suggest sticking to these:
Times New Roman, Arial (<-- these 2 are the most common), Verdana, Georgia, Comic Sans MS, Trebuchet MS, Impact, Tahoma.
It is also advisable to set more than one font, so that if your first font is not installed on a visitor's computer, they will see the next one. The code for this is:

Text here

Combining the Styles

Using more than one of the above styles in one code would look something like this:

Text here

Using these styles, as well as making it bold, would look like:

Text here

Back To Tutorials