'Abril Fatface' is used as the main headline.
'Lora' is used for the sub-headline. 'Lora' is always
italic
and should never be used without 'Abril Fatface' as a headline.
'Lora' should never be bigger than 'Abril Fatface', and never smaller than the Body text.
Body text, paragraphs, are Source Sans Pro. And the size can be between 16px to 20px.
Navigation and links should also be in Source Sans Pro, but with a font-weight of 700.
All text color is white.
Desktop sizes:
- Headline: 61px
- Sub-headline: 31px
- Paragraphs: 16-20px
- Navigation/links: 16-20px
Mobile sizes:
- Headline: 51px
- Sub-headline: 21px
- Paragraphs: 14-18px
- Navigation/links: 14-18px
Here how to use them in CSS:
@import url('https://fonts.googleapis.com/css?family=Abril+Fatface|Lora:700|Source+Sans+Pro');
font-family: 'Source Sans Pro', sans-serif;
font-family: 'Abril Fatface', cursive;
font-family: 'Lora', serif;
Example of usage:
This is Winter Sport
Can be warm and cold sometimes
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Commodi ea link est excepturi, fugiat
id nobis omnis voluptas. Accusamus animi autem link
dolore, eaque hic maxime quae saepe suscipit tempora!