/** font-face.css
  *
  * Font-Style Ergänzungen jenseits von SASS
  */
  
/** Font Faces
  * Die gesamte 'f21type' Schriftart wird abstrakt definiert. 
  * Für eine andere Schriftart müssen nur die aufgerufenen Font-URIs geändert werden.
  * Die Schrift-Stärken:
  *
  *    font-weight	normal
  *    bold
  *    100 = thin
  *    200 = extra-light
  *    300 = light
  *    400 = regular
  *    500 = book
  *    600 = medium
  *    700 = bold
  *    800 = black
  *    900 = ultra-black
  */
  
@font-face {
  font-family: f21type;
  src: url('/libraries/fonts/mello/mello-light.woff');  
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  font-display: swap;
}  
@font-face {
  font-family: f21type;
  src: url('/libraries/fonts/mello/mello-lightitalic.woff');  
  font-weight: 300;
  font-stretch: normal;
  font-style: italic;
  font-display: swap;
}  
  
@font-face {
  font-family: f21type;
  src: url('/libraries/fonts/mello/mello-book.woff');  
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: f21type;
  src: url('/libraries/fonts/mello/mello-bookitalic.woff');  
  font-weight: normal;
  font-stretch: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: f21type;
  src: url('/libraries/fonts/mello/mello-medium.woff');  
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: f21type;
  src: url('/libraries/fonts/mello/mello-mediumitalic.woff');  
  font-weight: bold;
  font-stretch: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: f21type;
  src: url('/libraries/fonts/mello/mello-bold.woff');  
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: f21type;
  src: url('/libraries/fonts/mello/mello-bolditalic.woff');  
  font-weight: 800;
  font-stretch: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: f21type;
  src: url('/libraries/fonts/mello/mello-cm-book.woff');  
  font-weight: normal;
  font-stretch: condensed;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: f21type;
  src: url('/libraries/fonts/mello/mello-cd-book.woff');  
  font-weight: normal;
  font-stretch: semi-condensed;
  font-style: normal;
  font-display: swap;
}
