Lato
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: Lato, serif;
font-size: 3.052rem/48.83px;
font-weight: 300;
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: Lato, serif;
font-size: 2.441rem/39.06px;
font-weight: 300;
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: Lato, serif;
font-size: 37.90px/2.369rem;
font-weight: 600;
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: Lato, serif;
font-size: 28.43px/1.777rem;
font-weight: 700;
font-style: normal;
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: 'Lato', sans-serif;
font-size: 16px/1rem;
font-weight: 400;
font-style: normal;
Emphasized 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: 'Lato', sans-serif;
font-size: 16px/1rem;
font-weight: 700;
font-style: normal;
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: 'Lato', sans-serif;
font-size: 16px/1rem;
font-weight: 700;
text-decoration: underline;
text-decoration-thickness: 2px;
text-decoration-color: #0095FF;
Hover
text-decoration-style: wavy;