Welcome to Bucaro TecHelp!

Bucaro TecHelp
Maintain Your Computer and Use it More Effectively
to Design a Web Site and Make Money on the Web

About Bucaro TecHelp About BTH User Agreement User Agreement Privacy Policy Privacy Site Map Site Map Contact Bucaro TecHelp Contact RSS News Feeds News Feeds

Victims of Sandy Hook

Stop the Slaughter of Innocents. Congress is bought and paid for by gun lunatics and gun promotion groups. If you want to live in a safe America, help buy Congress back for America. Send a donation to Mayors Against Illegal Guns, 909 Third Avenue, 15th Floor New York, NY 10022

Set the Font Size

Use the font-size property to set the text size. Units of measurement for the font-size value can be Absolute or Relative. Absolute units are related to printing. Don't rely on absolute units for screen display of webpages because their actual size depends upon the users screen size and resolution setting.

The example below shows the font-size property used with the points (pt) unit of measurement. In printing there are 72 points to the inch.

<p style="font-size:12pt;">Font size 12 points</p>

Font size 12 points

The example below shows the font-size property used with the pixels (px) unit of measurement. Although pixels is an absolute unit of measurement, I feel it is the best unit of measure for webpages because webpage elements like images have dimensions in pixels.

<p style="font-size:12px;">Font size 12 pixels</p>

Font size 12 pixels

Relative units can be used to set the font size relative to the font size of an element's parent element. To use relative units, you might set the font size of the BODY element, and then set other webpage font sizes relative to that font size. If you don't set a font size for the BODY element, you will be setting the font size relative to the browsers default font size. Modern browsers have a default font size of 16 pixels.

The example below sets the font size as a percentage of the font size of an element's parent element.

<p style="font-size:80%;">Font size 80% of parent elements font size</p>

Font size 80% of parent elements font size

Another relative unit of size for fonts is the em. An em is the width of a capital M in the elements parent element.

On older webpages you may see the use of the <font> html tag. The font size was set using , for example, <font size="4"> and a default font size for the webpage was set using, for example, <basefont size="4">. The problem with the <font> tag was that it allowed only values ranging from 1 to 7, as defined by the browser. The reason I'm writing in past tense is because the <font> tag was deprecated in HTML 4.0 in favor of style sheets.

RSS Feed RSS Feed

Follow Stephen Bucaro Follow @Stephen Bucaro

Web Design Sections

Fire HD
[Site User Agreement] [Privacy Policy] [Site map] [Search This Site] [Contact Form]
Copyright©2001-2016 Bucaro TecHelp 13771 N Fountain Hills Blvd Suite 114-248 Fountain Hills, AZ 85268