jonnybarnes.uk/resources/css/fonts.css

61 lines
1.3 KiB
CSS
Raw Permalink Normal View History

/*
* Libron (serif, body text) and Cal Sans (sans, headings), both SIL OFL 1.1
* Libron v0.31: https://github.com/nicoverbruggen/libron/releases
* Cal Sans v2.011: https://github.com/calcom/sans/releases
*/
@font-face {
font-family: Libron;
src: url('/assets/fonts/libron/Libron-Regular.woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Libron;
src: url('/assets/fonts/libron/Libron-Italic.woff2') format('woff2');
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Libron;
src: url('/assets/fonts/libron/Libron-Bold.woff2') format('woff2');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Libron;
src: url('/assets/fonts/libron/Libron-BoldItalic.woff2') format('woff2');
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Cal Sans';
src: url('/assets/fonts/cal-sans/CalSansVF.woff2') format('woff2');
font-weight: 400 700;
font-style: normal;
font-display: swap;
}
@layer base {
:root {
--font-serif: libron, georgia, serif;
--font-sans: 'Cal Sans', system-ui, sans-serif;
}
body {
font-family: var(--font-serif);
}
h1, h2, h3,
h4, h5, h6,
body > header nav {
font-family: var(--font-sans);
}
}