$default-font: "FS Me";

@font-face
{
    font-family: "FS Me";
    src: url("fonts/FSMeWeb-Regular.woff2") format('woff2'),
         url("fonts/FSMeWeb-Regular.woff")  format('woff'),
         url("fonts/FSMeWeb-Regular.ttf")   format('truetype');
}

@font-face
{
    font-family: "FS Me";
    font-style: italic;
    src: url("fonts/FSMeWeb-Italic.woff2") format('woff2'),
         url("fonts/FSMeWeb-Italic.woff")  format('woff'),
         url("fonts/FSMeWeb-Italic.ttf")   format('truetype');
}

@font-face
{
    font-family: "FS Me";
    font-weight: bold;
    src: url("fonts/FSMeWeb-Bold.woff2") format('woff2'),
         url("fonts/FSMeWeb-Bold.woff")  format('woff'),
         url("fonts/FSMeWeb-Bold.ttf")   format('truetype');
}

@font-face
{
    font-family: "FS Me";
    font-weight: bold;
    font-style: italic;
    src: url("fonts/FSMeWeb-BoldItalic.woff2") format('woff2'),
         url("fonts/FSMeWeb-BoldItalic.woff")  format('woff'),
         url("fonts/FSMeWeb-BoldItalic.ttf")   format('truetype');
}

$accent-font: "Fedra Serif A Pro";

@font-face
{
    font-family: "Fedra Serif A Pro";
    font-weight: bold;
    src: url("fonts/fserproa-medium.woff2") format('woff2'),
         url("fonts/fserproa-medium.woff")  format('woff'),
         url("fonts/fserproa-medium.ttf")   format('truetype');
}

@font-face
{
    font-family: "Fedra Serif A Pro";
    font-weight: bold;
    font-style: italic;
    src: url("fonts/fserproa-mediumitalic.woff2") format('woff2'),
         url("fonts/fserproa-mediumitalic.woff")  format('woff'),
         url("fonts/fserproa-mediumitalic.ttf")   format('truetype');
}

@font-face
{
    // contains only digits and `full stop` character
    font-family: "Fedra Serif A Pro Digits";
    src: url("fonts/fserproa-book-digits.woff2") format('woff2'),
         url("fonts/fserproa-book-digits.woff")  format('woff'),
         url("fonts/fserproa-book-digits.ttf")   format('truetype');

    // setting `unicode-range` causes 1px shift down in chrome
    // unicode-range: U+0030-0039, U+002E;
}

$layout-font: "FS Me Pro";

@font-face {
    font-family: "FS Me Pro";
    font-weight: 400;
    src: url("fonts/FSMePro.woff2") format('woff2'),
    url("fonts/FSMePro.woff") format('woff');
}

@font-face {
    font-family: "FS Me Pro";
    font-weight: 700;
    src: url("fonts/FSMeProBold.woff2") format('woff2'),
    url("fonts/FSMeProBold.woff") format('woff');
}