@font-face {
  font-family: "Junicode";
  src: url("Junicode.eot");
  /* IE9 Compat Modes */
  src:
    url("Junicode.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("Junicode.woff") format("woff"),
    /* Modern Browsers */ url("Junicode.ttf") format("truetype"),
    /* Safari, Android, iOS */
      url("Junicode.svg#bcc2a169a734227a88d2dcb4adf531fd") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Junicode";
  src: url("Junicode-Bold.eot");
  /* IE9 Compat Modes */
  src:
    url("Junicode-Bold.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("Junicode-Bold.woff") format("woff"),
    /* Modern Browsers */ url("Junicode-Bold.ttf") format("truetype"),
    /* Safari, Android, iOS */
      url("Junicode-Bold.svg#a4a3a01371cff8e72df79cb557f6a57d") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Junicode";
  src: url("Junicode-BoldItalic.eot");
  /* IE9 Compat Modes */
  src:
    url("Junicode-BoldItalic.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("Junicode-BoldItalic.woff") format("woff"),
    /* Modern Browsers */ url("Junicode-BoldItalic.ttf") format("truetype"),
    /* Safari, Android, iOS */
      url("Junicode-BoldItalic.svg#f3502fc61f511459dbb2216b7fd7011f")
      format("svg");
  /* Legacy iOS */
  font-style: italic;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Junicode";
  src: url("Junicode-Italic.eot");
  /* IE9 Compat Modes */
  src:
    url("Junicode-Italic.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("Junicode-Italic.woff") format("woff"),
    /* Modern Browsers */ url("Junicode-Italic.ttf") format("truetype"),
    /* Safari, Android, iOS */
      url("Junicode-Italic.svg#5e709cef3c3a2fc2ffc49d7e9749cab5") format("svg");
  /* Legacy iOS */
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

/* Noto Serif */

@font-face {
  font-family: "Noto Serif";
  src: url("Noto_Serif/NotoSerif-Italic-VariableFont_wdth,wght.ttf");
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Noto Serif";
  src: url("Noto_Serif/NotoSerif-VariableFont_wdth,wght.ttf");
  font-style: normal;
  font-display: swap;
}

/* Noto Sans */

@font-face {
  font-family: "Noto Sans";
  src: url("Noto_Sans/NotoSans-Black.ttf") format("truetype");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans";
  src: url("Noto_Sans/NotoSans-BlackItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: 900;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans";
  src: url("Noto_Sans/NotoSans-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans";
  src: url("Noto_Sans/NotoSans-BoldItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans";
  src: url("Noto_Sans/NotoSans-ExtraBold.ttf") format("truetype");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans";
  src: url("Noto_Sans/NotoSans-ExtraBoldItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: 800;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans";
  src: url("Noto_Sans/NotoSans-ExtraLight.ttf") format("truetype");
  font-style: normal;
  font-weight: 200;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans";
  src: url("Noto_Sans/NotoSans-ExtraLightItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: 200;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans";
  src: url("Noto_Sans/NotoSans-Italic.ttf") format("truetype");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans";
  src: url("Noto_Sans/NotoSans-Light.ttf") format("truetype");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans";
  src: url("Noto_Sans/NotoSans-LightItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans";
  src: url("Noto_Sans/NotoSans-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans";
  src: url("Noto_Sans/NotoSans-MediumItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans";
  src: url("Noto_Sans/NotoSans-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans";
  src: url("Noto_Sans/NotoSans-SemiBold.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans";
  src: url("Noto_Sans/NotoSans-SemiBoldItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans";
  src: url("Noto_Sans/NotoSans-Thin.ttf") format("truetype");
  font-style: normal;
  font-weight: 100;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans";
  src: url("Noto_Sans/NotoSans-ThinItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: 100;
  font-display: swap;
}