How to change font size and color in HTML

Hi could you tell me how can I change text size and color?

Find

Reply

Try this to change font color:

Code:

<font color="#000000">TEXT</font>

Try this to change font size:

Code:

<font size="20px">TEXT</font>

Now try this to change both font color and size:

Code:

<font color="#000000" size="20px">TEXT</font>

Find

Reply

It really should be done if it has to be inline using styles like

Code:

<p style="font-family:arial;color:red;font-size:20px;"></p>

This is only an example, please read about using styles to get a deeper grasp on using them properly.

That would be the more "compliant" way

But the most clean and "proper" way would be in your CSS

www.AdminEmpire.com
www.BlimptonTech.com - Best Free Online JavaScript tool to minify JavaScript files.

Find

Reply

You can also use <span> tag to achieve the same results

Code:

<span style="color:blue; size:14px; font:Arial, Helvetica, sans-serif;">Hello World</span>

Find

Reply

My example was just that for <p> it does not have to be in a <p> tag. Your span example is the same thing, you're using styles

www.AdminEmpire.com
www.BlimptonTech.com - Best Free Online JavaScript tool to minify JavaScript files.

Find

Reply

Thanks Amigos!

Find

Reply

With CSS you have more control over font

Code:

.HelloWorld {
font-size: 10px;
color: red;
}

Find

Reply

(12-30-2013 02:24 PM)victor Wrote:  With CSS you have more control over font

Code:

.HelloWorld {
font-size: 10px;
color: red;
}

Victor what is this CSS class or CSS ID?

Find

Reply

HTML allows you to change the color of various elements of your website by using special tags. These tags will tell the browser what color to display that element in, and can help spice up that boring black-and-white page. Color tags are easy to use, and learning the basics will only take a few minutes.

Specify the font size, font face and color of text:

<font size="3" color="red">This is some text!</font>
<font size="2" color="blue">This is some text!</font>
<font face="verdana" color="green">This is some text!</font>

Find

Reply