@font-face {
    font-family: 'Franziska Web';
    src: url('franziska-regular.woff2') format('woff2'),
         url('franziska-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Franziska Web';
    src: url('franziska-italic.woff2') format('woff2'),
         url('franziska-italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Franziska Web';
    src: url('franziska-bold.woff2') format('woff2'),
         url('franziska-bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Franziska Web';
    src: url('franziska-bolditalic.woff2') format('woff2'),
         url('franziska-bolditalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Franziska Web';
    src: url('franziska-light.woff2') format('woff2'),
         url('franziska-light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Franziska Web';
    src: url('franziska-lightitalic.woff2') format('woff2'),
         url('franziska-lightitalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}