STYLE

Typography

Primary Font

Helvetica(sans-serif) Font

Regular

the quick brown fox jumps over the head of the lazy dog

THE QUICK BROWN FOX JUMPS OVER THE HEAD OF THE LAZY DOG

0 1 2 3 4 5 6 7 8 9

Italic

the quick brown fox jumps over the head of the lazy dog

THE QUICK BROWN FOX JUMPS OVER THE HEAD OF THE LAZY DOG

0 1 2 3 4 5 6 7 8 9

Bold

the quick brown fox jumps over the head of the lazy dog

THE QUICK BROWN FOX JUMPS OVER THE HEAD OF THE LAZY DOG

0 1 2 3 4 5 6 7 8 9

Secondary Font

Verdana(sans-serif) Font

Regular

the quick brown fox jumps over the head of the lazy dog

THE QUICK BROWN FOX JUMPS OVER THE HEAD OF THE LAZY DOG

0 1 2 3 4 5 6 7 8 9

Italic

the quick brown fox jumps over the head of the lazy dog

THE QUICK BROWN FOX JUMPS OVER THE HEAD OF THE LAZY DOG

0 1 2 3 4 5 6 7 8 9

Bold

the quick brown fox jumps over the head of the lazy dog

THE QUICK BROWN FOX JUMPS OVER THE HEAD OF THE LAZY DOG

0 1 2 3 4 5 6 7 8 9

HTML AND CSS Code

HTML CODE

      
        <h1>This is heading 1</h1>
        <h2>This is heading 2</h2>
        <h3>This is heading 3</h3>
        <h4>This is heading 4</h4>
        <p>This is a paragraph</p>

CSS CODE

    
        h1, h2, h3, h4{
        font-family: Helvetica,sans-serif;
        }
        article, nav, p{
        font-family: Verdana, sans-serif;    
        }

Font Sizes

Elements Tag Size

This is heading 1

 h1 26px

This is heading 2

 h2 24px

This is heading 3

 h3 18px

This is heading 4

 h4 16px
This is a paragraph p 16px
HTML AND CSS Code

HTML CODE

      
        <h1>This is heading 1</h1>
        <h2>This is heading 2</h2>
        <h3>This is heading 3</h3>
        <h4>This is heading 4</h4>
        <p>This is a paragraph</p>