@font-face {
  font-family: 'Open Sans';
  src: url('/themes/classic/assets/fonts/opensans.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* 1. Manrope */
@font-face {
  font-family: 'Manrope';
  src: url('/themes/classic/assets/fonts/Manrope-Regular.woff2') format('woff2'),
       url('/themes/classic/assets/fonts/Manrope-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope';
  src: url('/themes/classic/assets/fonts/Manrope-Bold.woff2') format('woff2'),
       url('/themes/classic/assets/fonts/Manrope-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* 2. Material Icons */
@font-face {
  font-family: 'Material Icons';
  src: url('https://fonts.gstatic.com/s/materialicons/v140/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* 3. FontAwesome (AS4) */
@font-face {
  font-family: 'FontAwesomeAS4';
  src: url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
       url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* 4. Noto Sans */
@font-face {
  font-family: 'Noto Sans';
  src: url('/themes/classic/assets/fonts/NotoSans-Regular.woff2') format('woff2'),
       url('/themes/classic/assets/fonts/NotoSans-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Noto Sans';
  src: url('/themes/classic/assets/fonts/NotoSans-Bold.woff2') format('woff2'),
       url('/themes/classic/assets/fonts/NotoSans-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}