FONT-SIZE Properties Cascading Style Sheets

 FONT-SIZE: Xpt | X%

FONT-SIZE: 7pt

The ship drew on and had safely passed the strait, which some volcanic shock has made between the Calasareigne And Jaros islands; had doubled Pomegue, and approached the harbor under topsails, jib, and spanker, but so slowly and sedately that the idlers, with that instinct which is the forerunner of evil, asked one another what misfortune could have happened on board.

 

FONT-SIZE: 55%

The ship drew on and had safely passed the strait, which some volcanic shock has made between the Calasareigne And Jaros islands; had doubled Pomegue, and approached the harbor under topsails, jib, and spanker, but so slowly and sedately that the idlers, with that instinct which is the forerunner of evil, asked one another what misfortune could have happened on board.

     

FONT-SIZE: 8pt

The ship drew on and had safely passed the strait, which some volcanic shock has made between the Calasareigne And Jaros islands; had doubled Pomegue, and approached the harbor under topsails, jib, and spanker, but so slowly and sedately that the idlers, with that instinct which is the forerunner of evil, asked one another what misfortune could have happened on board.

 

FONT-SIZE: 70%

The ship drew on and had safely passed the strait, which some volcanic shock has made between the Calasareigne And Jaros islands; had doubled Pomegue, and approached the harbor under topsails, jib, and spanker, but so slowly and sedately that the idlers, with that instinct which is the forerunner of evil, asked one another what misfortune could have happened on board.

     
FONT-SIZE: 9pt

The ship drew on and had safely passed the strait, which some volcanic shock has made between the Calasareigne And Jaros islands; had doubled Pomegue, and approached the harbor under topsails, jib, and spanker, but so slowly and sedately that the idlers, with that instinct which is the forerunner of evil, asked one another what misfortune could have happened on board.

  FONT-SIZE: 75%

The ship drew on and had safely passed the strait, which some volcanic shock has made between the Calasareigne And Jaros islands; had doubled Pomegue, and approached the harbor under topsails, jib, and spanker, but so slowly and sedately that the idlers, with that instinct which is the forerunner of evil, asked one another what misfortune could have happened on board.

     
FONT-SIZE: 10pt

The ship drew on and had safely passed the strait, which some volcanic shock has made between the Calasareigne And Jaros islands; had doubled Pomegue, and approached the harbor under topsails, jib, and spanker, but so slowly and sedately that the idlers, with that instinct which is the forerunner of evil, asked one another what misfortune could have happened on board.

  FONT-SIZE: 80%

The ship drew on and had safely passed the strait, which some volcanic shock has made between the Calasareigne And Jaros islands; had doubled Pomegue, and approached the harbor under topsails, jib, and spanker, but so slowly and sedately that the idlers, with that instinct which is the forerunner of evil, asked one another what misfortune could have happened on board.

     
FONT-SIZE: 12pt

The ship drew on and had safely passed the strait, which some volcanic shock has made

  FONT-SIZE: 100%

The ship drew on and had safely passed the strait, which some volcanic shock has made

     
FONT-SIZE: 14pt

The ship drew on and had safely passed the strait…

  FONT-SIZE: 115%

The ship drew on and had safely passed the strait…

     

FONT-SIZE: 18pt

The ship drew on and had safely passed the strait…

 

FONT-SIZE: 150%

The ship drew on and had safely passed the strait…

     

FONT-SIZE: 24pt

The ship drew on and had safely passed the strait…

 

FONT-SIZE: 200%

The ship drew on and had safely passed the strait…

     

FONT-SIZE: 36pt

The ship drew on and had safely passed the strait…

 

FONT-SIZE: 300%

The ship drew on and had safely passed the strait…


 Points or Percentages?

Today there is a growing array of Web-based user agents (Web browsers, WebTV, PDAs, cell phones, etc.). The use of relative font size values better addresses the issues of useability with these devices.

The table, below, provides equivalent percentage values for the seven different <font> sizes, points, and percentages.

Example:

body { font-size: 80%}

Note: You must be careful if you mix relative sizes together as percentages are cumulative.

font-size: 9pt
font-size: 75%
<font size="1">
<font size="-2">
font-size: 10pt
font-size: 80%
<font size="2">
<font size="-1">
font-size: 12pt
font-size: 100%
<font size="3">
 
font-size: 14pt
font-size: 115%
<font size="4">
<font size="+1">
font-size: 18pt
font-size: 150%
<font size="5">
<font size="+2">
font-size: 24pt
font-size: 200%
<font size="6">
<font size="+3">
font-size: 36pt
font-size: 300%
<font size="7">
<font size="+4">