/*

about the TypewriterSpool fonts:

  SFT has a smooth, blurred look, slightly misaligned for added realism
  XRX looks like typewritten text after multiple generations of faxing and photocopying

  [above is from: https://www.myfonts.com/collections/typewriter-spool-font-typodermic;]

 */


/* MyriadPro */
@font-face {
  font-family: 'MyriadPro-Regular';
  src: url('MyriadPro-Regular.otf') format('opentype');
}

/* OPTIAlpine */
@font-face {
  font-family: 'OPTIAlpine-Bold';
  src: url('OPTIAlpine-Bold.otf') format('opentype');
}

/* Futura */
@font-face {
  font-family: 'Futura-ExtBol';
  src: url('FuturaExtBol.woff2') format('woff2'),
       url('FuturaExtBol.woff') format('woff');
}


/* TypewriterSpool SFT: smooth, blurred look, slightly misaligned for added realism  */
@font-face {
  font-family: 'TypewriterSpool-SFT-Semi-Bold';
  src: url('Typodermic-TypewriterSpoolSFTSb-Bold.otf') format('opentype');
}
@font-face {
  font-family: 'TypewriterSpool-SFT-Extra-Bold';
  src: url('Typodermic-TypewriterSpoolSFTEb-Regular.otf') format('opentype');
}
@font-face {
  font-family: 'TypewriterSpool-SFT-Extended-Bold';
  src: url('Typodermic-TypewriterSpoolSFTEx-Bold.otf') format('opentype');
}
@font-face {
  font-family: 'TypewriterSpool-SFT-Extended-Extra-Bold';
  src: url('Typodermic-TypewriterSpoolSFTExEb-Regular.otf') format('opentype');
}

/* TypewriterSpool XRX: looks like typewritten text after multiple generations of faxing and photocopying */
@font-face {
  font-family: 'TypewriterSpool-XRX-Bold';
  src: url('Typodermic-TypewriterSpoolXRXRg-Bold.otf') format('opentype');
}

/* TypewriterSpool Underlined: these are called "italc" but I call them "underlined" because that's what they are */
@font-face {
  font-family: 'TypewriterSpool-SFT-Extra-Bold-Italic';
  src: url('Typodermic-TypewriterSpoolSFTEb-Italic.otf') format('opentype');
}
@font-face {
  font-family: 'TypewriterSpool-SFT-Extended-Bold-Italic';
  src: url('Typodermic-TypewriterSpoolSFTEx-BoldItalic.otf') format('opentype');
}
@font-face {
  font-family: 'TypewriterSpool-SFT-Extended-Extra-Bold-Italic';
  src: url('Typodermic-TypewriterSpoolSFTExEb-Italic.otf') format('opentype');
}



:root {

  /* MyriadPro */
  --myriad                        : 'MyriadPro-Regular';
  
  /* OPTIAlpine */
  --opti                          : 'OPTIAlpine-Bold';

  /* FuturaExtBol */
  --futura                        : 'Futura-ExtBol';

  /* TypewriterSpool SFT ones (SFT: smooth, blurred look)  */
  --semi-bold                     : 'TypewriterSpool-SFT-Semi-Bold';
  --extra-bold                    : 'TypewriterSpool-SFT-Extra-Bold';
  --extended-bold                 : 'TypewriterSpool-SFT-Extended-Bold';
  --extended-extra-bold           : 'TypewriterSpool-SFT-Extended-Extra-Bold';

  /* TypewriterSpool XRX ones (XRX: looks like typewritten text)  */
  --xrx-bold                      : 'TypewriterSpool-XRX-Bold';

  /* TypewriterSpool underlined ones */
  --extra-bold-underlined         : 'TypewriterSpool-SFT-Extra-Bold-Italic';
  --extended-bold-underlined      : 'TypewriterSpool-SFT-Extended-Bold-Italic';
  --extended-extra-bold-underlined: 'TypewriterSpool-SFT-Extended-Extra-Bold-Italic';

}