/* Roboto Прямой (не курсив) — переменный */
@font-face {
  font-family: 'Roboto';
  src: url('/~client/fonts/roboto/roboto-variablefont_wdth_wght.ttf') format('truetype-variations');
  font-weight: 100 900;          /* диапазон весов */
  font-stretch: 75% 125%;        /* диапазон ширины */
  font-style: normal;
  font-display: swap;
}

/* Roboto Курсивный — переменный */
@font-face {
  font-family: 'Roboto';
  src: url('/~client/fonts/roboto/roboto-italic-variablefont_wdth_wght.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-stretch: 75% 125%;
  font-style: italic;
  font-display: swap;
}

/* Open Sans Прямой (не курсив) — переменный */
@font-face {
  font-family: 'Open Sans';
  src: url('/~client/fonts/open_sans/opensans-variablefont_wdth_wght.ttf') format('truetype-variations');
  font-weight: 100 900;          /* диапазон весов */
  font-stretch: 75% 125%;        /* диапазон ширины */
  font-style: normal;
  font-display: swap;
}

/* Open Sans  Курсивный — переменный */
@font-face {
  font-family: 'Open Sans';
  src: url('/~client/fonts/open_sans/opensans-italic-variablefont_wdth_wght.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-stretch: 75% 125%;
  font-style: italic;
  font-display: swap;
}

/* Glyphter */
@font-face {
  font-family: 'Glyphter';
  src: url('/~client/fonts/glyphter/glyphter.woff2') format('truetype-variations');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}