1@font-face {
2 font-family: 'Inter';
3 font-style: normal;
4 font-weight: 100;
5 font-display: swap;
6 src: url("Inter-Thin.woff2?v=3.19") format("woff2"),
7 url("Inter-Thin.woff?v=3.19") format("woff");
8}
9@font-face {
10 font-family: 'Inter';
11 font-style: italic;
12 font-weight: 100;
13 font-display: swap;
14 src: url("Inter-ThinItalic.woff2?v=3.19") format("woff2"),
15 url("Inter-ThinItalic.woff?v=3.19") format("woff");
16}
17
18@font-face {
19 font-family: 'Inter';
20 font-style: normal;
21 font-weight: 200;
22 font-display: swap;
23 src: url("Inter-ExtraLight.woff2?v=3.19") format("woff2"),
24 url("Inter-ExtraLight.woff?v=3.19") format("woff");
25}
26@font-face {
27 font-family: 'Inter';
28 font-style: italic;
29 font-weight: 200;
30 font-display: swap;
31 src: url("Inter-ExtraLightItalic.woff2?v=3.19") format("woff2"),
32 url("Inter-ExtraLightItalic.woff?v=3.19") format("woff");
33}
34
35@font-face {
36 font-family: 'Inter';
37 font-style: normal;
38 font-weight: 300;
39 font-display: swap;
40 src: url("Inter-Light.woff2?v=3.19") format("woff2"),
41 url("Inter-Light.woff?v=3.19") format("woff");
42}
43@font-face {
44 font-family: 'Inter';
45 font-style: italic;
46 font-weight: 300;
47 font-display: swap;
48 src: url("Inter-LightItalic.woff2?v=3.19") format("woff2"),
49 url("Inter-LightItalic.woff?v=3.19") format("woff");
50}
51
52@font-face {
53 font-family: 'Inter';
54 font-style: normal;
55 font-weight: 400;
56 font-display: swap;
57 src: url("Inter-Regular.woff2?v=3.19") format("woff2"),
58 url("Inter-Regular.woff?v=3.19") format("woff");
59}
60@font-face {
61 font-family: 'Inter';
62 font-style: italic;
63 font-weight: 400;
64 font-display: swap;
65 src: url("Inter-Italic.woff2?v=3.19") format("woff2"),
66 url("Inter-Italic.woff?v=3.19") format("woff");
67}
68
69@font-face {
70 font-family: 'Inter';
71 font-style: normal;
72 font-weight: 500;
73 font-display: swap;
74 src: url("Inter-Medium.woff2?v=3.19") format("woff2"),
75 url("Inter-Medium.woff?v=3.19") format("woff");
76}
77@font-face {
78 font-family: 'Inter';
79 font-style: italic;
80 font-weight: 500;
81 font-display: swap;
82 src: url("Inter-MediumItalic.woff2?v=3.19") format("woff2"),
83 url("Inter-MediumItalic.woff?v=3.19") format("woff");
84}
85
86@font-face {
87 font-family: 'Inter';
88 font-style: normal;
89 font-weight: 600;
90 font-display: swap;
91 src: url("Inter-SemiBold.woff2?v=3.19") format("woff2"),
92 url("Inter-SemiBold.woff?v=3.19") format("woff");
93}
94@font-face {
95 font-family: 'Inter';
96 font-style: italic;
97 font-weight: 600;
98 font-display: swap;
99 src: url("Inter-SemiBoldItalic.woff2?v=3.19") format("woff2"),
100 url("Inter-SemiBoldItalic.woff?v=3.19") format("woff");
101}
102
103@font-face {
104 font-family: 'Inter';
105 font-style: normal;
106 font-weight: 700;
107 font-display: swap;
108 src: url("Inter-Bold.woff2?v=3.19") format("woff2"),
109 url("Inter-Bold.woff?v=3.19") format("woff");
110}
111@font-face {
112 font-family: 'Inter';
113 font-style: italic;
114 font-weight: 700;
115 font-display: swap;
116 src: url("Inter-BoldItalic.woff2?v=3.19") format("woff2"),
117 url("Inter-BoldItalic.woff?v=3.19") format("woff");
118}
119
120@font-face {
121 font-family: 'Inter';
122 font-style: normal;
123 font-weight: 800;
124 font-display: swap;
125 src: url("Inter-ExtraBold.woff2?v=3.19") format("woff2"),
126 url("Inter-ExtraBold.woff?v=3.19") format("woff");
127}
128@font-face {
129 font-family: 'Inter';
130 font-style: italic;
131 font-weight: 800;
132 font-display: swap;
133 src: url("Inter-ExtraBoldItalic.woff2?v=3.19") format("woff2"),
134 url("Inter-ExtraBoldItalic.woff?v=3.19") format("woff");
135}
136
137@font-face {
138 font-family: 'Inter';
139 font-style: normal;
140 font-weight: 900;
141 font-display: swap;
142 src: url("Inter-Black.woff2?v=3.19") format("woff2"),
143 url("Inter-Black.woff?v=3.19") format("woff");
144}
145@font-face {
146 font-family: 'Inter';
147 font-style: italic;
148 font-weight: 900;
149 font-display: swap;
150 src: url("Inter-BlackItalic.woff2?v=3.19") format("woff2"),
151 url("Inter-BlackItalic.woff?v=3.19") format("woff");
152}
153
154/* -------------------------------------------------------
155Variable font.
156Usage:
157
158 html { font-family: 'Inter', sans-serif; }
159 @supports (font-variation-settings: normal) {
160 html { font-family: 'Inter var', sans-serif; }
161 }
162*/
163@font-face {
164 font-family: 'Inter var';
165 font-weight: 100 900;
166 font-display: swap;
167 font-style: normal;
168 font-named-instance: 'Regular';
169 src: url("Inter-roman.var.woff2?v=3.19") format("woff2");
170}
171@font-face {
172 font-family: 'Inter var';
173 font-weight: 100 900;
174 font-display: swap;
175 font-style: italic;
176 font-named-instance: 'Italic';
177 src: url("Inter-italic.var.woff2?v=3.19") format("woff2");
178}
179
180
181/* --------------------------------------------------------------------------
182[EXPERIMENTAL] Multi-axis, single variable font.
183
184Slant axis is not yet widely supported (as of February 2019) and thus this
185multi-axis single variable font is opt-in rather than the default.
186
187When using this, you will probably need to set font-variation-settings
188explicitly, e.g.
189
190 * { font-variation-settings: "slnt" 0deg }
191 .italic { font-variation-settings: "slnt" 10deg }
192
193*/
194@font-face {
195 font-family: 'Inter var experimental';
196 font-weight: 100 900;
197 font-display: swap;
198 font-style: oblique 0deg 10deg;
199 src: url("Inter.var.woff2?v=3.19") format("woff2");
200}