Introduction To The CSS font-size Property

Last reviewed/updated: 25 Jul 2020 | Published: 08 Jan 2014 | Status: Active
Web browser support: Internet Explorer 10+, Edge 12+, Firefox 6+, Chrome 30+, Opera 17+

1. Introduction

The CSS font-size property is intended for setting the font size of HTML text content. Valid units of absolute (i.e., fixed) length for the CSS font-size property include pt and px. Valid units of relative (i.e., dynamic/changeable) length for the CSS font-size property include em and rem. Valid units of absolute (i.e., fixed) size (not length) for the CSS font-size property include xx-small, x-small, small, medium, large, x-large, and xx-large (xx-small - xx-large).

1.1. Abbreviations

  • IE = Internet Explorer.
  • ED = Edge Legacy 12 - 18 (EdgeHTML based) and Edge 79+ (Chromium based).
  • FF = Firefox.
  • SF = Safari.
  • CH = Chrome.
  • OP = Opera.

2. Units Of Absolute Length: pt And px

Perhaps in deference to print designers, pt, historically known as a standard unit of absolute length in print design, was included as a valid unit of absolute length for web design. And, indeed, many early web designers, perhaps familiar with pt from print design, used pt instead of px for absolute length. However, once it became apparent that px is the most logical unit of absolute length for web design, the use of pt fell out of favor. Today in web design, pt is used only in rare/special situations.

2.1. pt

pt (short for point) is a unit of absolute length equal to 1/72nd of an inch. pt is supported by at least IE6+, ED12+, FF1.5+, SF3.1+, CH2+, and OP7.50+. The CSS html type selector with the font-size: 12pt style:

html {
  font-size: 12pt;
}

Examples of text with font-size: 5pt - 24pt:

The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 5pt
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 6pt
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 7pt
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 8pt
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 9pt
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 10pt
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 11pt
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 12pt
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 13pt
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 14pt
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 15pt
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 16pt
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 17pt
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 18pt
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 19pt
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 20pt
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 21pt
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 22pt
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 23pt
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 24pt

2.2. px

Historically, px (short for pixel) has been defined as a unit of absolute length equal to 1/96th of an inch. Practically, px is a unit of absolute length equal to the smallest display element (pixel) on the screen of a display device. The former definition assumes that display devices have a pixel density of 96dpi, whereas the latter definition recognizes that display devices have varying pixel densities. px is supported by at least IE6+, ED12+, FF1.5+, SF3.1+, CH2+, and OP7.50+. The CSS html type selector with the font-size: 16px style:

html {
  font-size: 16px;
}

Examples of text with font-size: 7px - font-size: 32px:

The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 7px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 8px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 9px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 10px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 11px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 12px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 13px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 14px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 15px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 16px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 17px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 18px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 19px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 20px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 21px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 22px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 23px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 24px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 25px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 26px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 27px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 28px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 29px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 30px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 31px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 32px

3. Units Of Relative Length: em And rem

3.1. em

em is a unit of relative length equal to the font-size property value inherited by the element on which the em unit is being used. em is supported by at least IE6+, ED12+, FF1.5+, SF3.1+, CH2+, and OP7.50+.

Consider, for example, the following web page code:

<!DOCTYPE html>
<html lang="en">
 <head>
  <style type="text/css">
   html { font-size: 16px; }
   body { font-size: 0.875em; } /* em = 16px. font-size = 0.875 x 16px = 14px. */
   h1 { font-size: 2em; } /* em = 14px. font-size = 2 x 14px = 28px. */
   p { font-size: 1em; } /* em = 14px. font-size = 1 x 14px = 14px. */
   span { font-size: 1.5em; } /* em = 14px. font-size = 1.5 x 14px = 21px. */
  </style>
 </head>
 <body>
  <h1>Heading 1 Text Content Is Styled With font-size: 28px</h2>
  <p>Paragraph text content is styled with font-size: 14px. <span>Span text content is styled with font-size: 21px.</span> Paragraph text content is styled with font-size: 14px.</p>
 </body>
</html>

In this example: 1.) em is used on the body, h1, p, and span elements; 2.) body inherits font-size from html; 3.) h1 and p inherit font-size from body which inherits font-size from html; and 4.) span inherits font-size from p which inherits font-size from body which inherits font-size from html.

For body: 1.) the em value is equal to the value of the font-size property on body inherited from html, which is 16px; and 2.) the font-size value is equal to the em scaling factor multiplied by the em value, which is 0.875 x 16px = 14px.

For h1: 1.) the em value is equal to the value of the font-size property on h1 inherited from body inherited from html, which is 14px; and 2.) the font-size value is equal to the em scaling factor multiplied by the em value, which is 2 x 14px = 28px. Hence, the h1 element text content is styled with font-size: 28px.

For p: 1.) the em value is equal to the value of the font-size property on p inherited from body inherited from html, which is 14px; and 2.) the font-size value is equal to the em scaling factor multiplied by the em value, which is 1 x 14px = 14px. Hence, the p element text content is styled with font-size: 14px.

For span: 1.) the em value is equal to the value of the font-size property on span inherited from p inherited from body inherited from html, which is 14px; and 2.) the font-size value is equal to the em scaling factor multiplied by the em value, which is 1.5 x 14px = 21px. Hence, the span element text content is styled with font-size: 21px.

3.2. rem

rem is a unit of relative length equal to the font-size property value on the html element (a.k.a., the root element). rem is supported by IE9+, ED12+, FF3.6+, SF5+, CH3+, and OP11.60+.

Consider, for example, the following web page code:

<!DOCTYPE html>
<html lang="en">
 <head>
  <style type="text/css">
   html { font-size: 16px; }
   body { font-size: 0.875rem; } /* rem = 16px. font-size = 0.875 x 16px = 14px. */
   h1 { font-size: 2rem; } /* rem = 16px. font-size = 2 x 16px = 32px. */
   p { font-size: 1rem; } /* rem = 16px. font-size = 1 x 16px = 16px. */
   span { font-size: 1.5rem; } /* rem = 16px. font-size = 1.5 x 16px = 24px. */
  </style>
 </head>
 <body>
  <h1>Heading 1 Text Content Is Styled With font-size: 32px</h2>
  <p>Paragraph text content is styled with font-size: 16px. <span>Span text content is styled with font-size: 24px.</span> Paragraph text content is styled with font-size: 16px.</p>
 </body>
</html>

In this example: 1.) rem is used on the body, h1, p, and span elements; 2.) unlike em, where the em value is dependent on font-size inheritance, for rem, the rem value is independent of font-size inheritance. Instead, for rem, the rem value is gotten from the font-size property value on the html element.

For body: 1.) the rem value is equal to the value of the font-size property on html, which is 16px; and 2.) the font-size value is equal to the rem scaling factor multiplied by the rem value, which is 0.875 x 16px = 14px.

For h1: 1.) the rem value is equal to the value of the font-size property on html, which is 16px; and 2.) the font-size value is equal to the rem scaling factor multiplied by the rem value, which is 2 x 16px = 32px. Hence, the h1 element text content is styled with font-size: 32px.

For p: 1.) the rem value is equal to the value of the font-size property on html, which is 16px; and 2.) the font-size value is equal to the rem scaling factor multiplied by the rem value, which is 1 x 16px = 16px. Hence, the p element text content is styled with font-size: 16px.

For span: 1.) the rem value is equal to the value of the font-size property on html, which is 16px; and 2.) the font-size value is equal to the rem scaling factor multiplied by the rem value, which is 1.5 x 16px = 24px. Hence, the span element text content is styled with font-size: 24px.

3.3. On The Benefit Of Relative Lengths Over Absolute Lengths

Relative lengths are well suited for scaling and changing the font-size value of multiple elements in unison with a minimum of code editing. But first, consider, for example, the following style rules:

html { font-size: 16px; }
h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 19px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 10px; }

To increase the font-size of the h1 through h6 elements above by, for example, 25%, a total of six edits (one to each of the h1 through h6 style rules) is required. This is because the h1 through h6 style rules use absolute lengths.

Now, consider, for example, the following style rules:

html { font-size: 16px; }
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1em; }
h5 { font-size: 0.89em; }
h6 { font-size: 0.6em; }

To increase the font-size of the h1 through h6 element above by, for example, 25%, a total of only one edit (to the html style rule) is required. This is because h1 through h6 inherit font-size from html and the h1 through h6 style rules use relative lengths.

Lastly, consider, for example, the following style rules:

html { font-size: 16px; }
h1 { font-size: 2rem; }
h2 { font-size: 1.5rem; }
h3 { font-size: 1.2rem; }
h4 { font-size: 1rem; }
h5 { font-size: 0.89rem; }
h6 { font-size: 0.6rem; }

To increase the font-size of the h1 through h6 elements above by, for example, 25%, a total of only one edit (to the html style rule) is required. This is because h1 through h6 get font-size from html and the h1 through h6 style rules use relative lengths.

4. Units Of Absolute Size: xx-small - xx-large

xx-small, x-small, small, medium, large, x-large, and xx-large (xx-small - xx-large) are units of absolute size which correspond to the obsoleted HTML font element size attribute 1 - 7 values. The relationship between the CSS font-size property xx-small - xx-large values and the obsoleted HTML font element size attribute 1 - 7 values is hard coded into the user agent typically as follows:

User Agent Typical Relationship Between The CSS font-size Property xx-small - xx-large Values And The Obsoleted HTML font Element size Attribute 1 - 7 Values
CSS font-size Property Value HTML font Element size Attribute Value
xx-small 1
x-small -
small 2
medium (1) 3
large 4
x-large 5
xx-large 6
- 7
(1) W3C recommended initial value.

Today, xx-small - xx-large are used only in rare/special situations. xx-small - xx-large are supported by at least IE6+, ED12+, FF1.5+, SF3.1+, CH2+, and OP7.50+. The CSS html type selector with the font-size; medium style:

html {
  font-size: medium;
}

Examples of text with font-size: xx-small - xx-large:

The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: xx-small
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: x-small
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: small
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: medium
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: large
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: x-large
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: xx-large

5. pt, px, And xx-small - xx-large: Similarities And Side-By-Side Comparison

5.1. pt, px, And xx-small - xx-large: Similarities

Since pt is 1/72nd of an inch and px is 1/96th of an inch, 1pt equals 1.33px, and 1px equals 0.75pt. In other words, 3pt equals 4px and there as a 4/3 ratio between px and pt. And this is true regardless the pixel density of the display device.

Similarities between pt, px, and xx-small - xx-large:

  • 6pt and 8px are rendered the same size in all web browsers.
  • 9pt and 12px are rendered the same size in all web browsers.
  • 10pt and small are rendered typically the same size in all web browsers.
  • 12pt and 16px are rendered the same size and medium is typically rendered the same size in all web browsers.
  • 18px and large are typically rendered the same size in all web browsers.
  • 15pt and 20px are rendered the same size in all web browsers.
  • 18pt and 24px are rendered the same size and x-large is typically rendered the same size in all web browsers.
  • 21pt and 28px are rendered the same size in all web browsers.
  • 24pt and 32px are rendered the same size and xx-large is typically the rendered same size in all web browsers.

5.2. pt, px, And xx-small - xx-large: Side-By-Side Comparison

The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 6pt
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 8px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: xx-small
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 9px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 7pt
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 10px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: x-small
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 8pt
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 11px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 9pt
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 12px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 13px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: small
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 10pt
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 14px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 11pt
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 15px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 12pt
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 16px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: medium
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 17px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 13pt
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 18px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: large
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 14pt
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 19px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 15pt
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 20px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 21px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 16pt
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 22px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 17pt
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 23px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 18pt
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 24px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: x-large
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 25px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 19pt
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 26px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 20pt
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 27px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 21pt
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 28px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 29px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 22pt
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 30px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 23pt
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 31px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 24pt
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: 32px
The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 1234567890 `~!@#$%^&*-_=+()\/[]{}<>;:'|",.? font-size: xx-large

6. Resources And Additional Information