@font-face {
  font-family: 'Noto Sans Var';
  font-style: normal;
  font-stretch: 62.5% 100%; /* Note that font-stretch is a % of normal width */
  font-weight: 100 900;
  src: url("NotoSans-VariableFont_wdth,wght.ttf") format('truetype');
}
@font-face {
  font-family: 'Noto Sans Var';
  font-style: italic;
  font-stretch: 62.5% 100%; /* Note that font-stretch is a % of normal width */
  font-weight: 100 900;
  src: url("NotoSans-Italic-VariableFont_wdth,wght.ttf") format('truetype');
}

/* Static Fallback */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url("static/NotoSans-Regular.ttf") format('truetype');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 500;
  src: url("static/NotoSans-Medium.ttf") format('truetype');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 600;
  src: url("static/NotoSans-SemiBold.ttf") format('truetype');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: url("static/NotoSans-Bold.ttf") format('truetype');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 800;
  src: url("static/NotoSans-ExtraBold.ttf") format('truetype');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 300;
  src: url("static/NotoSans-Light.ttf") format('truetype');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 200;
  src: url("static/NotoSans-ExtraLight.ttf") format('truetype');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 400;
  src: url("static/NotoSans-Italic.ttf") format('truetype');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 500;
  src: url("static/NotoSans-MediumItalic.ttf") format('truetype');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 600;
  src: url("static/NotoSans-SemiBoldItalic.ttf") format('truetype');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 700;
  src: url("static/NotoSans-BoldItalic.ttf") format('truetype');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 800;
  src: url("static/NotoSans-ExtraBoldItalic.ttf") format('truetype');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 300;
  src: url("static/NotoSans-LightItalic.ttf") format('truetype');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 200;
  src: url("static/NotoSans-ExtraLightItalic.ttf") format('truetype');
}