/* ComicCodeLigatures */

/* Regular */
@font-face {
  font-family: 'ComicCodeLigatures';
  src: url('../fonts/ComicCodeLigatures-Regular.otf') format('opentype');
  font-weight: 400; /* or 'normal' */
  font-style: normal;
}

/* Italic */
@font-face {
  font-family: 'ComicCodeLigatures';
  src: url('../fonts/ComicCodeLigatures-Italic.otf') format('opentype');
  font-weight: 400; /* or 'normal' */
  font-style: italic;
}

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

/* Medium Italic */
@font-face {
  font-family: 'ComicCodeLigatures';
  src: url('../fonts/ComicCodeLigatures-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
}

/* Bold (weight: 700) */
@font-face {
  font-family: 'ComicCodeLigatures';
  src: url('../fonts/ComicCodeLigatures-Bold.otf') format('opentype');
  font-weight: 700; /* or 'bold' */
  font-style: normal;
}

/* Bold Italic */
@font-face {
  font-family: 'ComicCodeLigatures';
  src: url('../fonts/ComicCodeLigatures-BoldItalic.otf') format('opentype');
  font-weight: 700; /* or 'bold' */
  font-style: italic;
}

/* DroidSansMono */

@font-face {
  font-family: 'DroidSansMono';
  src: url('../fonts/DroidSansMono.ttf') format('truetype');
  font-weight: 400; /* or 'normal' */
  font-style: normal;
}

/* RobotoMono */

/* Thin (weight: 100) */
@font-face {
  font-family: 'RobotoMono';
  src: url('../fonts/RobotoMono-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

/* Thin Italic */
@font-face {
  font-family: 'RobotoMono';
  src: url('../fonts/RobotoMono-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}

/* ExtraLight (weight: 200) */
@font-face {
  font-family: 'RobotoMono';
  src: url('../fonts/RobotoMono-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}

/* ExtraLight Italic */
@font-face {
  font-family: 'RobotoMono';
  src: url('../fonts/RobotoMono-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
}

/* Light (weight: 300) */
@font-face {
  font-family: 'RobotoMono';
  src: url('../fonts/RobotoMono-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

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

/* Regular (weight: 400) */
@font-face {
  font-family: 'RobotoMono';
  src: url('../fonts/RobotoMono-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

/* Italic */
@font-face {
  font-family: 'RobotoMono';
  src: url('../fonts/RobotoMono-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

/* Medium (weight: 500) */
@font-face {
  font-family: 'RobotoMono';
  src: url('../fonts/RobotoMono-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

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

/* SemiBold (weight: 600) */
@font-face {
  font-family: 'RobotoMono';
  src: url('../fonts/RobotoMono-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

/* SemiBold Italic */
@font-face {
  font-family: 'RobotoMono';
  src: url('../fonts/RobotoMono-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

/* Bold (weight: 700) */
@font-face {
  font-family: 'RobotoMono';
  src: url('../fonts/RobotoMono-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

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