Lorem ipsum dolor sit amet, ea quo erat gloriatur reprimique. Cu mea possim adipisci pertinax, vix at oratio labitur reprimique, modo omnium delectus et est. At accusamus evertitur duo, ex eam choro labore definitiones, justo graeco maluisset vis eu.
font-size:15px
line-height:24px
font-weight:300
Lorem ipsum dolor sit amet, ea quo erat gloriatur reprimique. Cu mea possim adipisci pertinax, vix at oratio labitur reprimique, modo omnium delectus et est. At accusamus evertitur duo, ex eam choro labore definitiones, justo graeco maluisset vis eu.
font-size:15px
line-height:24px
font-weight:400
Lorem ipsum dolor sit amet, ea quo erat gloriatur reprimique. Cu mea possim adipisci pertinax, vix at oratio labitur reprimique, modo omnium delectus et est. At accusamus evertitur duo, ex eam choro labore definitiones, justo graeco maluisset vis eu.
font-size:15px
line-height:24px
font-weight:700
<link href='https://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
Element | Example | Font Details | Hex # |
---|---|---|---|
font-size: 16px line-height:24px font-weight:400 |
#FFFFFF | ||
Breadcrumb / Paging | font-size: 16px line-height:24px font-weight:400 |
#000000 | |
H1 | Heading |
font-size: 33px line-height:50px font-weight:900 |
#000000 |
H2 | Subheader |
font-size:29px line-height:34px font-weight:900; |
#000000 |
H3 | Titles |
26px | #0093AD |
H4 | Heading |
16px | #000000 |
P | Body Text |
14px | #000000 |
a | Body Text | 14px | #0093AD; |
small | small text | 12px | #0093AD; |
Element | Example | Font Size | Hex # |
---|---|---|---|
Menu Navigation | 12px | #000000 | |
Breadcrumb / Paging | 12px | #000000 | |
H1 | Heading |
32px | #000000 |
H2 | Subheader |
28px | #000000 |
H3 | Titles |
26px | #0093AD |
H4 | Heading |
16px | #000000 |
P | Body Text |
14px | #000000 |
a | Body Text | 14px | #0093AD; |
small | small text | 12px | #0093AD; |
Element | Example | Font Size | Hex # |
---|---|---|---|
Menu Navigation | 12px | #000000 | |
Breadcrumb / Paging | 12px | #000000 | |
H1 | Heading |
32px | #000000 |
H2 | Subheader |
28px | #000000 |
H3 | Titles |
26px | #0093AD |
H4 | Heading |
16px | #000000 |
P | Body Text |
14px | #000000 |
a | Body Text | 14px | #0093AD; |
small | small text | 12px | #0093AD; |