|
189 | 189 | * possible. |
190 | 190 | */ |
191 | 191 |
|
192 | | -@mixin graphik { |
193 | | - font-family: $graphik-fallback; |
194 | | - |
195 | | - :global(.fonts-loaded) & { |
196 | | - font-family: $graphik; |
197 | | - } |
198 | | -} |
199 | | - |
200 | 192 | @mixin maison { |
201 | | - font-family: $maison-fallback; |
202 | | - |
203 | | - :global(.fonts-loaded) & { |
204 | | - font-family: $maison; |
205 | | - } |
| 193 | + font-family: $maison; |
206 | 194 | } |
207 | 195 |
|
208 | 196 | @mixin maison-extended { |
209 | | - font-family: $maison-fallback; |
210 | | - |
211 | | - :global(.fonts-loaded) & { |
212 | | - font-family: $maison-extended; |
213 | | - } |
| 197 | + font-family: $maison-extended; |
214 | 198 | } |
215 | 199 |
|
216 | 200 | @mixin pt-serif { |
217 | | - font-family: $pt-serif-fallback; |
218 | | - |
219 | | - :global(.fonts-loaded) & { |
220 | | - font-family: $pt-serif; |
221 | | - } |
| 201 | + font-family: $pt-serif; |
222 | 202 | } |
223 | 203 |
|
224 | 204 | @mixin publico-headline { |
225 | | - font-family: $publico-headline-fallback; |
226 | | - |
227 | | - :global(.fonts-loaded) & { |
228 | | - font-family: $publico-headline; |
229 | | - } |
| 205 | + font-family: $publico-headline; |
230 | 206 | } |
231 | 207 |
|
232 | 208 | /* |
233 | | - STOP HERE! |
234 | | -
|
235 | | - Do not reference the following variables or mixins outside this file! |
| 209 | + * STOP HERE! |
| 210 | + * |
| 211 | + * Do not reference the following variables or mixins outside this file! |
| 212 | + * |
| 213 | + * Use a mixin to ensure non-system fonts are loaded correctly. |
236 | 214 | */ |
237 | 215 |
|
238 | | -/** |
239 | | - * Do not use these variables directly! Use a mixin to ensure |
240 | | - * non-system fonts are only applied once loaded in order to |
241 | | - * prevent FOIT. |
242 | | - */ |
243 | 216 | $font-default-sans-fallback: -apple-system, 'Helvetica Neue', Helvetica, 'Hiragino Sans', sans-serif; |
244 | 217 | $font-default-serif-fallback: Georgia, 'Hiragino Sans', serif; |
245 | 218 |
|
246 | | -$maison-fallback: $font-default-sans-fallback; |
247 | | -$graphik-fallback: $font-default-sans-fallback; |
248 | | -$publico-headline-fallback: $font-default-serif-fallback; |
249 | | -$pt-serif-fallback: $font-default-serif-fallback; |
250 | | - |
251 | | -$maison: 'MaisonNeue', $maison-fallback; |
252 | | -$maison-extended: 'MaisonNeueExtended', $maison-fallback; |
253 | | -$publico-headline: 'Publico Headline', $publico-headline-fallback; |
254 | | -$pt-serif: 'PTSerif', $pt-serif-fallback; |
255 | | -$graphik: 'Graphik', $graphik-fallback; |
| 219 | +$maison: 'MaisonNeue', $font-default-sans-fallback; |
| 220 | +$maison-extended: 'MaisonNeueExtended', $font-default-sans-fallback; |
| 221 | +$publico-headline: 'Publico Headline', $font-default-serif-fallback; |
| 222 | +$pt-serif: 'PTSerif', $font-default-serif-fallback; |
256 | 223 |
|
257 | 224 | /** |
258 | 225 | * Do not use this mixin directly! This mixin is only to be used the |
|
0 commit comments