/* ==============================================
   1. STANDARD WIDTH (Noto Sans)
   ============================================== */

/* Thin (100) */
@font-face {
  font-family: 'Noto Sans';
  src: url('./NotoSans/NotoSans-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans';
  src: url('./NotoSans/NotoSans-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}

/* ExtraLight (200) */
@font-face {
  font-family: 'Noto Sans';
  src: url('./NotoSans/NotoSans-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans';
  src: url('./NotoSans/NotoSans-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
}

/* Light (300) */
@font-face {
  font-family: 'Noto Sans';
  src: url('./NotoSans/NotoSans-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans';
  src: url('./NotoSans/NotoSans-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

/* Regular (400) */
@font-face {
  font-family: 'Noto Sans';
  src: url('./NotoSans/NotoSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans';
  src: url('./NotoSans/NotoSans-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

/* Medium (500) */
@font-face {
  font-family: 'Noto Sans';
  src: url('./NotoSans/NotoSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans';
  src: url('./NotoSans/NotoSans-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

/* SemiBold (600) */
@font-face {
  font-family: 'Noto Sans';
  src: url('./NotoSans/NotoSans-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans';
  src: url('./NotoSans/NotoSans-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

/* Bold (700) */
@font-face {
  font-family: 'Noto Sans';
  src: url('./NotoSans/NotoSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans';
  src: url('./NotoSans/NotoSans-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}

/* ExtraBold (800) */
@font-face {
  font-family: 'Noto Sans';
  src: url('./NotoSans/NotoSans-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans';
  src: url('./NotoSans/NotoSans-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}

/* Black (900) */
@font-face {
  font-family: 'Noto Sans';
  src: url('./NotoSans/NotoSans-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans';
  src: url('./NotoSans/NotoSans-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}


/* ==============================================
   2. SEMI-CONDENSED WIDTH
   ============================================== */

/* Light (300) */
@font-face {
  font-family: 'Noto Sans SemiCondensed';
  src: url('./NotoSans/NotoSans_SemiCondensed-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans SemiCondensed';
  src: url('./NotoSans/NotoSans_SemiCondensed-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

/* Regular (400) */
@font-face {
  font-family: 'Noto Sans SemiCondensed';
  src: url('./NotoSans/NotoSans_SemiCondensed-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans SemiCondensed';
  src: url('./NotoSans/NotoSans_SemiCondensed-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

/* Medium (500) */
@font-face {
  font-family: 'Noto Sans SemiCondensed';
  src: url('./NotoSans/NotoSans_SemiCondensed-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans SemiCondensed';
  src: url('./NotoSans/NotoSans_SemiCondensed-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

/* SemiBold (600) */
@font-face {
  font-family: 'Noto Sans SemiCondensed';
  src: url('./NotoSans/NotoSans_SemiCondensed-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans SemiCondensed';
  src: url('./NotoSans/NotoSans_SemiCondensed-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

/* Bold (700) */
@font-face {
  font-family: 'Noto Sans SemiCondensed';
  src: url('./NotoSans/NotoSans_SemiCondensed-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans SemiCondensed';
  src: url('./NotoSans/NotoSans_SemiCondensed-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}

/* ExtraBold (800) */
@font-face {
  font-family: 'Noto Sans SemiCondensed';
  src: url('./NotoSans/NotoSans_SemiCondensed-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans SemiCondensed';
  src: url('./NotoSans/NotoSans_SemiCondensed-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}

/* Black (900) */
@font-face {
  font-family: 'Noto Sans SemiCondensed';
  src: url('./NotoSans/NotoSans_SemiCondensed-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans SemiCondensed';
  src: url('./NotoSans/NotoSans_SemiCondensed-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}


/* ==============================================
   3. CONDENSED WIDTH
   ============================================== */

/* Thin (100) */
@font-face {
  font-family: 'Noto Sans Condensed';
  src: url('./NotoSans/NotoSans_Condensed-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans Condensed';
  src: url('./NotoSans/NotoSans_Condensed-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}

/* Light (300) */
@font-face {
  font-family: 'Noto Sans Condensed';
  src: url('./NotoSans/NotoSans_Condensed-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans Condensed';
  src: url('./NotoSans/NotoSans_Condensed-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

/* Regular (400) */
@font-face {
  font-family: 'Noto Sans Condensed';
  src: url('./NotoSans/NotoSans_Condensed-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans Condensed';
  src: url('./NotoSans/NotoSans_Condensed-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

/* Medium (500) */
@font-face {
  font-family: 'Noto Sans Condensed';
  src: url('./NotoSans/NotoSans_Condensed-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans Condensed';
  src: url('./NotoSans/NotoSans_Condensed-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

/* SemiBold (600) */
@font-face {
  font-family: 'Noto Sans Condensed';
  src: url('./NotoSans/NotoSans_Condensed-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans Condensed';
  src: url('./NotoSans/NotoSans_Condensed-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

/* Bold (700) */
@font-face {
  font-family: 'Noto Sans Condensed';
  src: url('./NotoSans/NotoSans_Condensed-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans Condensed';
  src: url('./NotoSans/NotoSans_Condensed-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}

/* ExtraBold (800) */
@font-face {
  font-family: 'Noto Sans Condensed';
  src: url('./NotoSans/NotoSans_Condensed-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans Condensed';
  src: url('./NotoSans/NotoSans_Condensed-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}

/* Black (900) */
@font-face {
  font-family: 'Noto Sans Condensed';
  src: url('./NotoSans/NotoSans_Condensed-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}


/* ==============================================
   4. EXTRA CONDENSED WIDTH
   ============================================== */

/* Thin (100) */
@font-face {
  font-family: 'Noto Sans ExtraCondensed';
  src: url('./NotoSans/NotoSans_ExtraCondensed-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans ExtraCondensed';
  src: url('./NotoSans/NotoSans_ExtraCondensed-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}

/* Light (300) */
@font-face {
  font-family: 'Noto Sans ExtraCondensed';
  src: url('./NotoSans/NotoSans_ExtraCondensed-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans ExtraCondensed';
  src: url('./NotoSans/NotoSans_ExtraCondensed-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

/* Regular (400) */
@font-face {
  font-family: 'Noto Sans ExtraCondensed';
  src: url('./NotoSans/NotoSans_ExtraCondensed-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans ExtraCondensed';
  src: url('./NotoSans/NotoSans_ExtraCondensed-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

/* Medium (500) */
@font-face {
  font-family: 'Noto Sans ExtraCondensed';
  src: url('./NotoSans/NotoSans_ExtraCondensed-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans ExtraCondensed';
  src: url('./NotoSans/NotoSans_ExtraCondensed-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

/* SemiBold (600) */
@font-face {
  font-family: 'Noto Sans ExtraCondensed';
  src: url('./NotoSans/NotoSans_ExtraCondensed-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans ExtraCondensed';
  src: url('./NotoSans/NotoSans_ExtraCondensed-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

/* Bold (700) */
@font-face {
  font-family: 'Noto Sans ExtraCondensed';
  src: url('./NotoSans/NotoSans_ExtraCondensed-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans ExtraCondensed';
  src: url('./NotoSans/NotoSans_ExtraCondensed-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}

/* ExtraBold (800) */
@font-face {
  font-family: 'Noto Sans ExtraCondensed';
  src: url('./NotoSans/NotoSans_ExtraCondensed-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans ExtraCondensed';
  src: url('./NotoSans/NotoSans_ExtraCondensed-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}

/* Black (900) */
@font-face {
  font-family: 'Noto Sans ExtraCondensed';
  src: url('./NotoSans/NotoSans_ExtraCondensed-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans ExtraCondensed';
  src: url('./NotoSans/NotoSans_ExtraCondensed-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}