website/_includes/styles/fonts.scss

@font-face {
  font-family: 'Mona Sans';
  src:
    url('https://static.fosterhangdaan.com/fonts/mona-sans/latest/MonaSans%5Bslnt,wdth,wght%5D.woff2') format('woff2 supports variations'),
    url('https://static.fosterhangdaan.com/fonts/mona-sans/latest/MonaSans%5Bslnt,wdth,wght%5D.woff2') format('woff2-variations');
  font-weight: 200 900;
  font-stretch: 75% 125%;
  font-display: swap;
}

@font-face {
  font-family: 'Hubot Sans';
  src:
    url('https://static.fosterhangdaan.com/fonts/hubot-sans/latest/HubotSans%5Bslnt,wdth,wght%5D.woff2') format('woff2 supports variations'),
    url('https://static.fosterhangdaan.com/fonts/hubot-sans/latest/HubotSans%5Bslnt,wdth,wght%5D.woff2') format('woff2-variations');
  font-weight: 200 900;
  font-stretch: 75% 125%;
  font-display: swap;
}

@font-face {
  font-family: 'Monaspace Neon';
  src:
    url('https://static.fosterhangdaan.com/fonts/monaspace/v1.000/MonaspaceNeonVarVF%5Bwght,wdth,slnt%5D.woff2') format('woff2 supports variations'),
    url('https://static.fosterhangdaan.com/fonts/monaspace/v1.000/MonaspaceNeonVarVF%5Bwght,wdth,slnt%5D.woff2') format('woff2-variations');
  font-weight: 200 800;
  font-stretch: 100% 125%;
  font-display: swap;
}

@font-face {
  font-family: 'Monaspace Radon';
  src:
    url('https://static.fosterhangdaan.com/fonts/monaspace/v1.000/MonaspaceRadonVarVF%5Bwght,wdth,slnt%5D.woff2') format('woff2 supports variations'),
    url('https://static.fosterhangdaan.com/fonts/monaspace/v1.000/MonaspaceRadonVarVF%5Bwght,wdth,slnt%5D.woff2') format('woff2-variations');
  font-weight: 200 800;
  font-stretch: 100% 125%;
  font-display: swap;
}

@font-face {
  font-family: 'Monaspace Xenon';
  src:
    url('https://static.fosterhangdaan.com/fonts/monaspace/v1.000/MonaspaceXenonVarVF%5Bwght,wdth,slnt%5D.woff2') format('woff2 supports variations'),
    url('https://static.fosterhangdaan.com/fonts/monaspace/v1.000/MonaspaceXenonVarVF%5Bwght,wdth,slnt%5D.woff2') format('woff2-variations');
  font-weight: 200 800;
  font-stretch: 100% 125%;
  font-display: swap;
}