mozilla / Fira

Mozilla's new typeface, used in Firefox OS
mozilla.github.io/Fira
Other
5.06k stars 308 forks source link

Add font-display property #232

Closed ObserverOfTime closed 3 years ago

ObserverOfTime commented 4 years ago

This pull request adds a variable which is used in the font-display property and defaults to swap.

Here's a usage example for each syntax:

/* CSS */
:root {
  --font-display: block;
}
@import url("fira.css");
/* SASS */
$font-display: block
@import "fira.sass"
/* SCSS */
$font-display: block;
@import "fira.scss";
/* Stylus */
$font-display = block
@import "fira.styl"
/* Less */
@import "fira.less";
@font-display: block;

I also took the liberty of fixing the SASS & Stylus imports.