/*
* The font face is initially loaded in the gatsby rendering cycle but is lost when any other 
* component loads the same font with different parameters. Initially font weights 400, 600 and 700 are loaded
* and subsequently only 400. When returning to the component requiring the weight 600 it is not present anymore.
* @see https://www.exxcellent.de/jira/browse/HOWI-2418
* 
* This behavior is (somewhat) known by the community, e.g. https://stackoverflow.com/questions/69594846/gatsbyjs-not-loading-google-fonts-after-initial-load
* or https://github.com/gatsbyjs/gatsby/issues/16452 thus this file is created.
* 
* The fonts are now loaded via react helmet
*/

@font-face {
  font-family: 'Open Sans';
  src: url('./Open_Sans/OpenSans-Light.woff2') format("woff2"),
    url('./Open_Sans/OpenSans-Light.woff') format("woff"),
    url('./Open_Sans/OpenSans-Light.ttf') format("truetype");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('./Open_Sans/OpenSans-Regular.woff2') format("woff2"),
    url('./Open_Sans/OpenSans-Regular.woff') format("woff"),
    url('./Open_Sans/OpenSans-Regular.ttf');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('./Open_Sans/OpenSans-Medium.woff2') format("woff2"),
    url('./Open_Sans/OpenSans-Medium.woff') format("woff"),
    url('./Open_Sans/OpenSans-Medium.ttf');
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('./Open_Sans/OpenSans-SemiBold.woff2') format("woff2"),
    url('./Open_Sans/OpenSans-SemiBold.woff') format("woff"),
    url('./Open_Sans/OpenSans-SemiBold.ttf');
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('./Open_Sans/OpenSans-Bold.woff2') format("woff2"),
    url('./Open_Sans/OpenSans-Bold.woff') format("woff"),
    url('./Open_Sans/OpenSans-Bold.ttf');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('./Open_Sans/OpenSans-ExtraBold.woff2') format("woff2"),
    url('./Open_Sans/OpenSans-ExtraBold.woff') format("woff"),
    url('./Open_Sans/OpenSans-ExtraBold.ttf');
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

@font-face {
  font-family: 'Source Serif Pro';
  src: url('./Source_Serif_Pro/SourceSerifPro-ExtraLight.woff2') format("woff2"),
    url('./Source_Serif_Pro/SourceSerifPro-ExtraLight.woff') format("woff"),
    url('./Source_Serif_Pro/SourceSerifPro-ExtraLight.ttf');
  font-style: normal;
  font-weight: 200;
  font-display: swap;
}

@font-face {
  font-family: 'Source Serif Pro';
  src: url('./Source_Serif_Pro/SourceSerifPro-Light.woff2') format("woff2"),
    url('./Source_Serif_Pro/SourceSerifPro-Light.woff') format("woff"),
    url('./Source_Serif_Pro/SourceSerifPro-Light.ttf');
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: 'Source Serif Pro';
  src: url('./Source_Serif_Pro/SourceSerifPro-Regular.woff2') format("woff2"),
    url('./Source_Serif_Pro/SourceSerifPro-Regular.woff') format("woff"),
    url('./Source_Serif_Pro/SourceSerifPro-Regular.ttf');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Source Serif Pro';
  src: url('./Source_Serif_Pro/SourceSerifPro-SemiBold.woff2') format("woff2"),
    url('./Source_Serif_Pro/SourceSerifPro-SemiBold.woff') format("woff"),
    url('./Source_Serif_Pro/SourceSerifPro-SemiBold.ttf');
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: 'Source Serif Pro';
  src: url('./Source_Serif_Pro/SourceSerifPro-Bold.woff2') format("woff2"),
    url('./Source_Serif_Pro/SourceSerifPro-Bold.woff') format("woff"),
    url('./Source_Serif_Pro/SourceSerifPro-Bold.ttf');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: 'Source Serif Pro';
  src: url('./Source_Serif_Pro/SourceSerifPro-Black.woff2') format("woff2"),
    url('./Source_Serif_Pro/SourceSerifPro-Black.woff') format("woff"),
    url('./Source_Serif_Pro/SourceSerifPro-Black.ttf');
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}