website/_includes/styles/fonts.scss

50 lines
2 KiB
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;
}