HTML font size

HTML Tutorial » HTML font size

The font tag is having three attributes called size, color, and face to customize your fonts.
To change any of the font attributes at any time within your webpage, simply use the tag.
The text that follows will remain changed until you close with the tag.
You can change one or all of the font attributes within one tag.

Syntax:

text

Note: The size attribute of is not supported in HTML5. Use CSS instead.
CSS syntax: My text here

HTML font size attribute - example

In the next window HTML font size we show you an example that contains the following elements: , ,

Example - Specify the size attribute of text:

<!DOCTYPE html>

<html>

<head>

<title>HTML Font Size</title>

</head>

<body>

 <h1>This is an example of HTML Font Size</h1>

  <font size="3">Here is my text! with font color size 3 </font> <br />

  <font size="4">Here is my text! with font size 4 </font> <br />

  <font size="5">Here is my text! with font size 5</font><br />
</body>

  </html>

Note: The size attribute of is not supported in HTML5. Use CSS instead.

Related subjects:
HTML font color HTHL font face HTML font size

HTML font size style

In the next window HTML font size style we show you an example that contains the following elements style:

Example font size style

<!DOCTYPE html>

  <html>

  <head>

  <title>HTML Font Style</title>

  </head>

  <body>


 <h1>THis is an example of HTML Font style</h1>

  <p><font style="color:#06F; font-size:16px; background-color:#FF9">your text here</font></p>

  <p><font style="color:#06F; font-size:18px; background-color:#FF9; padding:6px">your text here</font></p><br />

  <font style="color:#06F; font-size:22px; background-color: #CFC; padding:12px">your text here</font>
 

  </body>

  </html>

HTML font size small

In the next window HTML font size small we show you an example that contains the following elements of font size small: size="small"

Example

<!DOCTYPE html>

  <html>

  <head>

  <title>HTML Font Size</title>

  <style>

  p {

  font-size: larger;

  }

  span {

  font-size: x-small;

  }

  </style>

  </head>

  <body>

<h2>This is an example of HTML Font size small</h2>
 <p> <font size="small">your text using font size small</font></p>

  <span>your text using css font-size: x-small</span>

  <p> your text using font-size: larger;</p>

  </body>

  </html>

Note: The size attribute of is not supported in HTML5. Use CSS instead.

<< Previous Page
HTML headings

Next Page >>
HTML Table

html font size, html font size and color, style, small, change, em, css, px smaller, css, rem, persentage
HTML Font Size - html tutorial

Online Editor

ONLINE EDITOR

news templates

COLOR PICKER

news templates

This tool makes it easy to create, adjust, and experiment with custom colors for the web.

HTML Templates

Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.

CSS HTML Layout

Find here examples of creative and unique website layouts.

Free CSS HTML Menu

Find here examples of creative and unique website CSS HTML menu.