@font-face {
   font-family: 'TD Graphik';
   src: local ('TDGraphik-Regular');
   src: local ('TD Graphik');
   src: url('./fonts/TD Graphik-Regular.otf') format('opentype');
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: 'TD Graphik';
   src: local ('TDGraphik-RegularItalic');
   src: local ('TD Graphik');
   src: url('./fonts/TD Graphik-RegularItalic.otf') format('opentype');
   font-weight: 400;
   font-style: italic;
}

@font-face {
   font-family: 'TD Graphik';
   src: local ('TDGraphik-Medium');
   src: local ('TD Graphik');
   src: url('./fonts/TD Graphik-Medium.otf') format('opentype');
   font-weight: 500;
   font-style: normal;
}

@font-face {
   font-family: 'TD Graphik';
   src: local ('TDGraphik-Semibold');
   src: local ('TD Graphik Semibold');
   src: url('./fonts/TD Graphik-Semibold.otf') format('opentype');
   font-weight: 600;
   font-style: normal;
}

@font-face {
   font-family: 'TD Graphik';
   src: local ('TDGraphik-Bold');
   src: local ('TD Graphik Bold');
   src: url('./fonts/TD Graphik-Bold.otf') format('opentype');
   font-weight: 700;
}