All HTML Font Codes

All HTML Font Codes

Here are some HTML font codes that you can copy/paste straight into your website or MySpace page. Once you've pasted the code, you can change the values as required.

Quick Example

The following font code sets common properties such as font size, line height, font family, and font color. Here are some more colors to choose from.

<!-- HTML codes by Desgin4webs.blogspot.com - hope to see you again soon! --><br /> <p style="font: 14pt/20pt Garamond, Georgia, serif;color:#ff9900;">This font is 14pt, the line height is 20pt, it's color is orange, and the font family will be 'Garamond'. If the user's computer doesn't have 'Garamond', it will use 'Georgia'. Failing that it will use the default 'serif' font on the user's computer (this is often 'Times' or 'Times Roman' - just leave it as 'serif'). You can also specify <span style="font-weight:bold;">bold text</span> and <span style="font-style:italic">italics</span> if you wish!</p><br />

The above code results in this:

This font is 14pt, the line height is 20pt, it's color is orange, and the font family will be 'Garamond'. If the user's computer doesn't have 'Garamond', it will use 'Georgia'. Failing that it will use the default 'serif' font on the user's computer (this is often 'Times' or 'Times Roman' - just leave it as 'serif'). You can also specify bold text and italics if you wish!

Font Family

If you only want to specify the font family, you can use the 'font-family' property:

<!-- HTML codes by Desgin4webs.blogspot.com - hope to see you again soon! --><br /> <p style="font-family:Garamond, Georgia, serif;">HTML font code is done using CSS.</p><br />

The above code results in this:

HTML font code is done using CSS.

Font Size

If you only want to specify the font size, you can use the 'font-size' property:

<!-- HTML codes by Desgin4webs.blogspot.com - hope to see you again soon! --><br /> <p style="font-size:20pt;">HTML font code is done using CSS.</p><br />

The above code results in this:

HTML font code is done using CSS.

Color

If you only want to specify the font color, you can use the 'color' property (more colors):

<!-- HTML codes by Desgin4webs.blogspot.com - hope to see you again soon! --><br /> <p style="color:orange;">HTML font code is done using CSS.</p><br />

The above code results in this:

HTML font code is done using CSS.

Bold

You can make your font bold by using the 'font-weight' property:

<!-- HTML codes by Desgin4webs.blogspot.com - hope to see you again soon! --><br /> <p style="font-weight:bold;">HTML font code is done using CSS.</p><br />

The above code results in this:

HTML font code is done using CSS.

If you only want to bold some of the text inline, you can use the HTML 'span' tag:

<!-- HTML codes by Desgin4webs.blogspot.com - hope to see you again soon! --><br /> <p>You can bold <span style="font-weight:bold">parts</span> of your text using the HTML 'span' tag.</p><br />

The above code results in this:

You can bold parts of your text using the HTML 'span' tag.

Italic Text

You can make your text italic by using the 'font-style' property:

<!-- HTML codes by Desgin4webs.blogspot.com - hope to see you again soon! --><br /> <p style="font-style:italic;">HTML font code is done using CSS.</p><br /> <br />

The above code results in this:

HTML font code is done using CSS.

If you only want to make some of the text italic, you can use the HTML 'span' tag:

<!-- HTML codes by Desgin4webs.blogspot.com - hope to see you again soon! --><br /> <p>You can make <span style="font-style:italic">some</span> of your text italic using the HTML 'span' tag.</p><br />

The above code results in this:

You can make some of your text italic using the HTML 'span' tag.