Oswald, Merriweather & Roboto
Scale: 1.250 – Major Third
Base Size: 16px (100% = 1em)
Generated with type-scale.com
Heading 1
Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis ullam blanditiis cupiditate alias eveniet porro sed laborum pariatur quisquam, sunt sit deleniti dolore sequi. Expedita illo cupiditate rem pariatur architecto.
font-family: 'Oswald', sans-serif;
font-size: 61.04px/3.815rem;
font-weight: 700;
font-style: normal;
Heading 2
Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis ullam blanditiis cupiditate alias eveniet porro sed laborum pariatur quisquam, sunt sit deleniti dolore sequi. Expedita illo cupiditate rem pariatur architecto.
font-family: 'Oswald', sans-serif;
font-size: 48.83px/3.052rem;
font-weight: 500;
font-style: normal;
Heading 3
Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis ullam blanditiis cupiditate alias eveniet porro sed laborum pariatur quisquam, sunt sit deleniti dolore sequi. Expedita illo cupiditate rem pariatur architecto.
font-family: 'Oswald', sans-serif;
font-size: 39.06px/2.441rem;
font-weight: 500;
font-style: normal;
Heading 4
Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis ullam blanditiis cupiditate alias eveniet porro sed laborum pariatur quisquam, sunt sit deleniti dolore sequi. Expedita illo cupiditate rem pariatur architecto.
font-family: 'Oswald', sans-serif;
font-size: 31.25px/1.953rem;
font-weight: 500;
font-style: italic;
Heading 5
Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis ullam blanditiis cupiditate alias eveniet porro sed laborum pariatur quisquam, sunt sit deleniti dolore sequi. Expedita illo cupiditate rem pariatur architecto.
font-family: 'Oswald', sans-serif;
font-size: 31.25px/1.953rem;
font-weight: 500;
font-style: italic;
Heading 6
Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis ullam blanditiis cupiditate alias eveniet porro sed laborum pariatur quisquam, sunt sit deleniti dolore sequi. Expedita illo cupiditate rem pariatur architecto.
font-family: 'Oswald', sans-serif;
font-size: 31.25px/1.953rem;
font-weight: 500;
font-style: italic;
Body Text
Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis ullam blanditiis cupiditate alias eveniet porro sed laborum pariatur quisquam, sunt sit deleniti dolore sequi. Expedita illo cupiditate rem pariatur architecto.
font-family: 'Merriweather', serif;
font-size: 16px/1rem;
font-weight: 400;
font-style: normal;
Body Large
Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis ullam blanditiis cupiditate alias eveniet porro sed laborum pariatur quisquam, sunt sit deleniti dolore sequi. Expedita illo cupiditate rem pariatur architecto.
font-family: 'Merriweather', serif;
font-size: 16px/1rem;
font-weight: 400;
font-style: normal;
Body Caption
Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis ullam blanditiis cupiditate alias eveniet porro sed laborum pariatur quisquam, sunt sit deleniti dolore sequi. Expedita illo cupiditate rem pariatur architecto.
font-family: 'Merriweather', serif;
font-size: 16px/1rem;
font-weight: 400;
font-style: normal;
Label Small
Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis ullam blanditiis cupiditate alias eveniet porro sed laborum pariatur quisquam, sunt sit deleniti dolore sequi. Expedita illo cupiditate rem pariatur architecto.
font-family: 'Roboto', sans-serif;
font-size: 16px/1rem;
font-weight: 500;
font-style: normal;
Label Default
Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis ullam blanditiis cupiditate alias eveniet porro sed laborum pariatur quisquam, sunt sit deleniti dolore sequi. Expedita illo cupiditate rem pariatur architecto.
font-family: 'Roboto', sans-serif;
font-size: 16px/1rem;
font-weight: 500;
font-style: normal;
Label Default Caps
Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis ullam blanditiis cupiditate alias eveniet porro sed laborum pariatur quisquam, sunt sit deleniti dolore sequi. Expedita illo cupiditate rem pariatur architecto.
font-family: 'Roboto', sans-serif;
font-size: 16px/1rem;
font-weight: 500;
font-style: normal;
Label Large
Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis ullam blanditiis cupiditate alias eveniet porro sed laborum pariatur quisquam, sunt sit deleniti dolore sequi. Expedita illo cupiditate rem pariatur architecto.
font-family: 'Roboto', sans-serif;
font-size: 16px/1rem;
font-weight: 500;
font-style: normal;
Emphasis Text
Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis ullam blanditiis cupiditate alias eveniet porro sed laborum pariatur quisquam, sunt sit deleniti dolore sequi. Expedita illo cupiditate rem pariatur architecto.
font-family: 'Merriweather', serif;
font-size: 16px/1rem;
font-weight: 600;
font-style: italic;
Hover State
Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis ullam blanditiis cupiditate alias eveniet porro sed laborum pariatur quisquam, sunt sit deleniti dolore sequi. Expedita illo cupiditate rem pariatur architecto.
font-family: 'Merriweather', serif;
font-weight: 400;
font-style: normal;
color: initial;
text-decoration: underline;
text-decoration-thickness: 0.1rem;
text-decoration-color: #0058CC;
Hover
color: #00357A;
text-decoration: none;