H1 Heading 1 current 34px

H1 new 24px or 18pt

————————————————–

H2 Heading 2 current 31px

H2 new 22px or 16pt

————————————————–

H3 Heading 3 current 22px

H3 new 18px 0r 13.5pt

————————————————–

H4 Heading 4 current 22px #212631

H4 new 16px or 12pt

———————————

H5 Heading 5 current 29px #ffffff
H5 new 22px 10px or 7.5pt

—————————————–

Heading 6 current 22px #4e6673  new

Links

Current Link

Current Link

Current Link

 

Leave the bullets – unordered list

Leave the Numbers 0 ordered list

 

Points Pixels Ems Percent
6pt 8px 0.5em 50%
7pt 9px 0.55em 55%
7.5pt 10px 0.625em 62.5%
8pt 11px 0.7em 70%
9pt 12px 0.75em 75%
10pt 13px 0.8em 80%
10.5pt 14px 0.875em 87.5%
11pt 15px 0.95em 95%
12pt 16px 1em 100%
13pt 17px 1.05em 105%
13.5pt 18px 1.125em 112.5%
14pt 19px 1.2em 120%
14.5pt 20px 1.25em 125%
15pt 21px 1.3em 130%
16pt 22px 1.4em 140%
17pt 23px 1.45em 145%
18pt 24px 1.5em 150%
20pt 26px 1.6em 160%
22pt 29px 1.8em 180%
24pt 32px 2em 200%
26pt 35px 2.2em 220%
27pt 36px 2.25em 225%
28pt 37px 2.3em 230%
29pt 38px 2.35em 235%
30pt 40px 2.45em 245%
32pt 42px 2.55em 255%
34pt 45px 2.75em 275%
36pt 48px 3em 300%
  • First bullet – why are bullets different in widget blocks – I do like widget bullet – what about spacing?
  • Second bullets
  1. Number one – haven’t tried these in numbered blocks yet – also spacing?
  2. Number two

 

 

 

h1 { font-size: 24px;}
h2 { font-size: 22px;}
h3 { font-size: 18px;}
h4 { font-size: 16px;}
h5 { font-size: 12px;}
h6 { font-size: 10px;}

Testing the standard font sizes and colors

This is Paragraph. I think I specified too large? What about the everyone else? Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc consectetur metus sed bibendum hendrerit. Duis eu augue dolor. Integer venenatis nisi risus, sed rutrum enim euismod id. Praesent vestibulum in tellus a sodales. Nullam et ex sit amet lectus

Here is a paragraph with 12 pt and same font family. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc consectetur metus sed bibendum hendrerit. Duis eu augue dolor. Integer venenatis nisi risus, sed rutrum enim euismod id. Praesent vestibulum in tellus a sodales. Nullam et ex sit amet lectus efficitur tempor. Praesent sit amet bibendum purus.

Here is a paragraph with 12 pt and Verdana. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc consectetur metus sed bibendum hendrerit. Duis eu augue dolor. Integer venenatis nisi risus, sed rutrum enim euismod id. Praesent vestibulum in tellus a sodales. Nullam et ex sit amet lectus efficitur tempor. Praesent sit amet bibendum purus.

Here is a paragraph with Arial 12 pt. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc consectetur metus sed bibendum hendrerit. Duis eu augue dolor. Integer venenatis nisi risus, sed rutrum enim euismod id. Praesent vestibulum in tellus a sodales. Nullam et ex sit amet lectus efficitur tempor. Praesent sit amet bibendum purus.

This is Header 1 – is this a bit too large?

This is Header 2 – this is too large, I think – should we consider a color?

This is Header 3 – I like this one and think it spaces nicely – adipiscing elit. Nunc consectetur metus sed bibendum hendrerit. Duis eu augue dolor. Integer venenatis nisi risus, sed rutrum enim euismod id. Praesent vestibulum in tellus a sodales. Nullam et

This is Header 4 – this would be a better size for h2 and H4 should be smaller than h3

This is Header 5 – it is actually white but colored black so we could see its size
This is Header 6Link