/* 400 - Normal and normal italic */
@font-face {
    font-family: 'Libre Franklin';
    src: url('librefranklin-regular-webfont.woff2') format('woff2'),
         url('librefranklin-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Libre Franklin';
    src: url('librefranklin-italic-webfont.woff2') format('woff2'),
         url('librefranklin-italic-webfont.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}
/* 700 - Bold and bold italic */
@font-face {
    font-family: 'Libre Franklin';
    src: url('librefranklin-bold-webfont.woff2') format('woff2'),
         url('librefranklin-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Libre Franklin';
    src: url('librefranklin-bolditalic-webfont.woff2') format('woff2'),
         url('librefranklin-bolditalic-webfont.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}

/* 100 - Thin and thin italic */
@font-face {
    font-family: 'Libre Franklin';
    src: url('librefranklin-thin-webfont.woff2') format('woff2'),
         url('librefranklin-thin-webfont.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Libre Franklin';
    src: url('librefranklin-thinitalic-webfont.woff2') format('woff2'),
         url('librefranklin-thinitalic-webfont.woff') format('woff');
    font-weight: 100;
    font-style: italic;
}

/* 200 - Extra light and extra light italic */
@font-face {
    font-family: 'Libre Franklin';
    src: url('librefranklin-extralight-webfont.woff2') format('woff2'),
         url('librefranklin-extralight-webfont.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Libre Franklin';
    src: url('librefranklin-extralightitalic-webfont.woff2') format('woff2'),
         url('librefranklin-extralightitalic-webfont.woff') format('woff');
    font-weight: 200;
    font-style: italic;
}

/* 300 - Light and light italic */
@font-face {
    font-family: 'Libre Franklin';
    src: url('librefranklin-light-webfont.woff2') format('woff2'),
         url('librefranklin-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Libre Franklin';
    src: url('librefranklin-lightitalic-webfont.woff2') format('woff2'),
         url('librefranklin-lightitalic-webfont.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}



/* 500 - Medium and medium italic */

@font-face {
    font-family: 'Libre Franklin';
    src: url('librefranklin-medium-webfont.woff2') format('woff2'),
         url('librefranklin-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Libre Franklin';
    src: url('librefranklin-mediumitalic-webfont.woff2') format('woff2'),
         url('librefranklin-mediumitalic-webfont.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

/* 600 - Semi Bold and semi bold italic */

@font-face {
    font-family: 'Libre Franklin';
    src: url('librefranklin-semibold-webfont.woff2') format('woff2'),
         url('librefranklin-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Libre Franklin';
    src: url('librefranklin-semibolditalic-webfont.woff2') format('woff2'),
         url('librefranklin-semibolditalic-webfont.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}



/* 800 - Extra bold and extra bold italic */
@font-face {
    font-family: 'Libre Franklin';
    src: url('librefranklin-extrabold-webfont.woff2') format('woff2'),
         url('librefranklin-extrabold-webfont.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Libre Franklin';
    src: url('librefranklin-extrabolditalic-webfont.woff2') format('woff2'),
         url('librefranklin-extrabolditalic-webfont.woff') format('woff');
    font-weight: 800;
    font-style: italic;
}

/* 900 - Black and black italic */

@font-face {
    font-family: 'Libre Franklin';
    src: url('librefranklin-black-webfont.woff2') format('woff2'),
         url('librefranklin-black-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;

}
@font-face {
    font-family: 'Libre Franklin';
    src: url('librefranklin-blackitalic-webfont.woff2') format('woff2'),
         url('librefranklin-blackitalic-webfont.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}