@font-face {
    font-family: 'Portrait';
    src: url('Portrait-Light.woff2') format('woff2'),
         url('Portrait-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Portrait';
    src: url('Portrait-LightItalic.woff2') format('woff2'),
         url('Portrait-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Portrait';
    src: url('Portrait-Regular.woff2') format('woff2'),
         url('Portrait-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Portrait';
    src: url('Portrait-RegularItalic.woff2') format('woff2'),
         url('Portrait-RegularItalic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Portrait';
    src: url('Portrait-Medium.woff2') format('woff2'),
         url('Portrait-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Portrait';
    src: url('Portrait-MediumItalic.woff2') format('woff2'),
         url('Portrait-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'SohneBreit';
    src: url('SohneBreit-Leicht.woff2') format('woff2'),
         url('SohneBreit-Leicht.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'SohneBreit';
    src: url('SohneBreit-LeichtKursiv.woff2') format('woff2'),
         url('SohneBreit-LeichtKursiv.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'SohneBreit';
    src: url('SohneBreit-Buch.woff2') format('woff2'),
         url('SohneBreit-Buch.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'SohneBreit';
    src: url('SohneBreit-BuchKursiv.woff2') format('woff2'),
         url('SohneBreit-BuchKursiv.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'SohneBreit';
    src: url('SohneBreit-Kraftig.woff2') format('woff2'),
         url('SohneBreit-Kraftig.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'SohneBreit';
    src: url('SohneBreit-KraftigKursiv.woff2') format('woff2'),
         url('SohneBreit-KraftigKursiv.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}