@font-face {
  font-family: 'MarkPro';
  src: url('./MarkPro.ttf') format('truetype');
}

@font-face {
  font-family: 'MarkPro';
  font-style: italic;
  src: url('./MarkPro-Italic.ttf') format('truetype');
}

@font-face {
  font-family: 'MarkPro';
  font-weight: 500;
  src: url('./MarkPro-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'MarkPro';
  font-weight: 500;
  font-style: italic;
  src: url('./MarkPro-MediumItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'MarkPro';
  font-weight: 700;
  src: url('./MarkPro-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'MarkPro';
  font-weight: 700;
  font-style: italic;
  src: url('./MarkPro-BoldItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'MarkPro';
  font-weight: 800;
  src: url('./MarkPro-Heavy.ttf') format('truetype');
}

@font-face {
  font-family: 'MarkPro';
  font-weight: 800;
  font-style: italic;
  src: url('./MarkPro-HeavyItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'MarkPro';
  font-weight: 900;
  src: url('./MarkPro-Black.ttf') format('truetype');
}

@font-face {
  font-family: 'MarkPro';
  font-weight: 900;
  font-style: italic;
  src: url('./MarkPro-BlackItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'MarkPro';
  font-weight: 300;
  src: url('./MarkPro-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'MarkPro';
  font-weight: 300;
  font-style: italic;
  src: url('./MarkPro-LightItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'MarkPro';
  font-weight: 200;
  src: url('./MarkPro-Thin.ttf') format('truetype');
}

@font-face {
  font-family: 'MarkPro';
  font-weight: 200;
  font-style: italic;
  src: url('./MarkPro-ThinItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'MarkPro';
  font-weight: 100;
  src: url('./MarkPro-Hairline.ttf') format('truetype');
}

@font-face {
  font-family: 'MarkPro';
  font-weight: 100;
  font-style: italic;
  src: url('./MarkPro-HairlineItalic.ttf') format('truetype');
}