Jonny Barnes
d2bc91794b
Libron is the body serif and Cal Sans is used for headings and the header nav, both under the SIL OFL with licences alongside the font files. Both are preloaded so the header doesn't shift while Cal Sans loads. Also nudge note text up and note/article metadata down in size. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
61 lines
1.3 KiB
CSS
61 lines
1.3 KiB
CSS
/*
|
|
* 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);
|
|
}
|
|
}
|