@font-face {
    font-family: 'Playfair Display Regular';
    src: url('/dist/fonts/Playfair_Display/PlayfairDisplay-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Playfair Display Bold';
    src: url('/dist/fonts/Playfair_Display/PlayfairDisplay-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'SF Compact Display Regular';
    /* font-style: normal;
    font-weight: normal; */
    src: local('SF Compact Display'), url('/dist/fonts/SF-Compact-Display/SF-Compact-Display-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'SF Compact Display Medium';
    /* font-style: bold;
    font-weight: bold; */
    src: local('SF Compact Display Medium'), url('/dist/fonts/SF-Compact-Display/SF-Compact-Display-Medium.otf') format('opentype');
}

@font-face {
    font-family: 'SF Compact Display Semibold';
    /* font-style: bold;
    font-weight: bold; */
    src: local('SF Compact Display Semibold'), url('/dist/fonts/SF-Compact-Display/SF-Compact-Display-Semibold.otf') format('opentype');
}
@font-face {
  font-family: 'SF Compact Display Bold';
  /* font-style: bold;
  font-weight: bold; */
  src: local('SF Compact Display Bold'), url('/dist/fonts/SF-Compact-Display/SF-Compact-Display-Bold.otf') format('opentype');
}