@font-face {
  font-family: 'Yle Next';
  src: url('https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2') format('woff2-variations'),
  url('https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff') format('woff-variations');
  font-weight: 300 900;
  font-style: normal;
  font-stretch: condensed normal;
}

@font-face {
  font-family: 'Yle Next';
  src: url('https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2') format('woff2-variations'),
  url('https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff') format('woff-variations');
  font-weight: 300 900;
  font-style: italic;
  font-stretch: condensed normal;
}