How to Change Font Color & Size
When designing websites, the font size, by default, is 10 to 12 points. Most of the time, unless you are using a template that has a different color, the text is black. A way to spice up your website is to change the font color and size. You can change the font for your entire page or just portions of the page.
Other People Are Reading
Instructions
-
Font Color
-
1
Consult a HTML color code chart to get the coding for the color you would like to display. The coding will consist of six numbers, letters or a combination of six numbers and letters. The coding will also be preceded by "#." See the link the Resources section of this article for a sample color code chart.
-
2
Log into the control panel of your Web hosting account. Open your "File Directory" to access the files for your Web pages.
-
-
3
Select the page on which you would like to change the font color. Click on "Edit" to open the "HTML Editor" for that page.
-
4
Locate the text on the page you would like to change.
-
5
Place this code in front of the text: <font color="#place your color code here">. Place this code immediately after the text: </font>.
The HTML color code for white is "#FFFFFF." Here is an example of what your coding would like like if you wanted to change your text to white: <font color="#FFFFFF">. This is your new white text.</font>
Font Size
-
6
Follow Steps 2 through 4 of the previous section to locate the text you would like to change.
-
7
Place this code in front of the text: <font size="enter the number for your desired text size here">. Place this code immediately after the text: </font>.
If you enter the number "1" for your text size, it is the equivalent of an 8-point font. If you enter the number "3," it is the equivalent of 12-point, and "7" creates a 36-point font.
Here is an example of what your coding will looking like if you want your text to appear as 12-point font, <font size=3>This is your text.</font>.
-
8
Combine the color code and the font size code if you desire to change both the color and font size of the text. To do this, add the color code and the font size code within the same bracket. Here is an example: <font color="#FFFFFF" size=3>This is your new white text that is 12-point font.</font>
-
1
