@font-face {

    font-family: 'PT Serif';

    font-style: normal;

    font-weight: 400;

    font-display: swap;

    src: url('../fonts/pt-serif/pt-serif-400.woff2') format('woff2'),

         url('../fonts/pt-serif/pt-serif-400.ttf') format('truetype');

}

@font-face {

    font-family: 'PT Serif';

    font-style: italic;

    font-weight: 400;

    font-display: swap;

    src: url('../fonts/pt-serif/pt-serif-400-italic.woff2') format('woff2'),

         url('../fonts/pt-serif/pt-serif-400-italic.ttf') format('truetype');

}

@font-face {

    font-family: 'PT Serif';

    font-style: normal;

    font-weight: 700;

    font-display: swap;

    src: url('../fonts/pt-serif/pt-serif-700.woff2') format('woff2'),

         url('../fonts/pt-serif/pt-serif-700.ttf') format('truetype');

}

@font-face {

    font-family: 'PT Serif';

    font-style: italic;

    font-weight: 700;

    font-display: swap;

    src: url('../fonts/pt-serif/pt-serif-700-italic.woff2') format('woff2'),

         url('../fonts/pt-serif/pt-serif-700-italic.ttf') format('truetype');

}