@font-face {
   font-family: 'SF-Compact-Text-Regular';
   font-display: swap;
   src: url('SF-Compact-Text-Regular/font.ttf');
}
@font-face {
   font-family: 'SF-Compact-Text-Thin';
   font-display: swap;
   src: url('SF-Compact-Text-Thin/font.ttf');
}
@font-face {
   font-family: 'Handel Gothic Regular';
   font-display: swap;
   src: url('Handel Gothic Regular/font.ttf');
}