$fonts: ('extralight', 200, 1),
        ('light', 300, 1),
        ('regular', 400, 1),
        ('semibold', 500, 1),
        ('bold', 700, 1),
        ('extrabold', 800, 1),
        ('black', 900, 1);

@each $font in $fonts {
  @font-face {
    font-family: 'Muli';
    src: url('../fonts/Muli/muli-#{nth($font, 1)}.woff2') format('woff2'),
    url('../fonts/Muli/muli-#{nth($font, 1)}.woff') format('woff');
    font-weight: nth($font, 2);
    font-style: normal;
  }
  @font-face {
    font-family: 'Muli';
    src: url('../fonts/Muli/muli-#{nth($font, 1)}italic.woff2') format('woff2'),
    url('../fonts/Muli/muli-#{nth($font, 1)}italic.woff') format('woff');
    font-weight: nth($font, 2);
    font-style: italic;
  }
}