Typography
Move Light Aa Bb
Avantt Regular · 400 normal
Avantt-Regular.otfMove Light Aa Bb
Avantt Regular Italic · 400 italic
Avantt-RegularItalic.otfMove Light Aa Bb
Avantt SemiBold · 600 normal
Avantt-SemiBold.otfMove Light Aa Bb
Avantt SemiBold Italic · 600 italic
Avantt-SemiBoldItalic.otf4 font files
Lorem ipsum dolor sit amet
Title
48px · 600
Lorem ipsum dolor sit amet
Header 1
32px · 600
Lorem ipsum dolor sit amet
Header 2
24px · 600
Lorem ipsum dolor sit amet
Header 3
20px · 600
Lorem ipsum dolor sit amet
Header 4
18px · 600
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Body
16px · 400
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Quote
18px · 400 italic
Lorem ipsum dolor sit amet
Caption
13px · 400
LOREM IPSUM
Label
11px · 600
@font-face {
font-family: 'Avantt';
src: url('/__l5e/assets-v1/9895f868-b185-48e6-a574-4d5d3cddd34a/Avantt-Regular.otf') format('opentype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Avantt';
src: url('/__l5e/assets-v1/d0069dd8-fde3-4274-bce8-0da0c0a74e09/Avantt-RegularItalic.otf') format('opentype');
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Avantt';
src: url('/__l5e/assets-v1/c070494e-19c7-4949-8703-f6da61024187/Avantt-SemiBold.otf') format('opentype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Avantt';
src: url('/__l5e/assets-v1/bd933fde-f671-4ae2-9997-667b602de3c6/Avantt-SemiBoldItalic.otf') format('opentype');
font-weight: 600;
font-style: italic;
font-display: swap;
}
body { font-family: 'Avantt', sans-serif; }