mirror of
https://github.com/priyanshujain/margin.git
synced 2026-10-02 19:17:03 +00:00
112 lines
3.2 KiB
CSS
112 lines
3.2 KiB
CSS
/* The six families src/fonts.ts offers, bound to the variable files in fonts/.
|
|
*
|
|
* The URLs are absolute site paths, so each app serves these out of its own `public/fonts`. The
|
|
* copies there are vendored from this package and kept honest by `bin/sync-fonts.mjs`; they are not
|
|
* imported from node_modules, because both apps' `src-tauri/src/pdf.rs` reads the same files with
|
|
* `include_bytes!` and a cargo build must not depend on an npm install having run first.
|
|
*
|
|
* Every one is a variable file with an upright and an italic cut, so a weight anywhere in the
|
|
* declared range is a real instance rather than a synthesised one, and italic is the designer's
|
|
* italic rather than a slant applied by the browser.
|
|
*
|
|
* `font-display: block` throughout, and that is the unusual choice. The alternative is a first
|
|
* paint in Georgia that reflows into Literata a moment later, and a page of prose that resets its
|
|
* line breaks under the caret is worse than a page that arrives a beat late. The files are local to
|
|
* the bundle, so the beat is a disk read. */
|
|
|
|
@font-face {
|
|
font-family: "Hanken Grotesk";
|
|
src: url("/fonts/HankenGrotesk-VF.ttf") format("truetype-variations");
|
|
font-weight: 100 900;
|
|
font-style: normal;
|
|
font-display: block;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Hanken Grotesk";
|
|
src: url("/fonts/HankenGrotesk-Italic-VF.ttf") format("truetype-variations");
|
|
font-weight: 100 900;
|
|
font-style: italic;
|
|
font-display: block;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Literata";
|
|
src: url("/fonts/Literata-VF.ttf") format("truetype-variations");
|
|
font-weight: 200 900;
|
|
font-style: normal;
|
|
font-display: block;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Literata";
|
|
src: url("/fonts/Literata-Italic-VF.ttf") format("truetype-variations");
|
|
font-weight: 200 900;
|
|
font-style: italic;
|
|
font-display: block;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "EB Garamond";
|
|
src: url("/fonts/EBGaramond-VF.ttf") format("truetype-variations");
|
|
font-weight: 400 800;
|
|
font-style: normal;
|
|
font-display: block;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "EB Garamond";
|
|
src: url("/fonts/EBGaramond-Italic-VF.ttf") format("truetype-variations");
|
|
font-weight: 400 800;
|
|
font-style: italic;
|
|
font-display: block;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Lora";
|
|
src: url("/fonts/Lora-VF.ttf") format("truetype-variations");
|
|
font-weight: 400 700;
|
|
font-style: normal;
|
|
font-display: block;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Lora";
|
|
src: url("/fonts/Lora-Italic-VF.ttf") format("truetype-variations");
|
|
font-weight: 400 700;
|
|
font-style: italic;
|
|
font-display: block;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Source Serif 4";
|
|
src: url("/fonts/SourceSerif4-VF.ttf") format("truetype-variations");
|
|
font-weight: 200 900;
|
|
font-style: normal;
|
|
font-display: block;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Source Serif 4";
|
|
src: url("/fonts/SourceSerif4-Italic-VF.ttf") format("truetype-variations");
|
|
font-weight: 200 900;
|
|
font-style: italic;
|
|
font-display: block;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Fraunces";
|
|
src: url("/fonts/Fraunces-VF.ttf") format("truetype-variations");
|
|
font-weight: 100 900;
|
|
font-style: normal;
|
|
font-display: block;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Fraunces";
|
|
src: url("/fonts/Fraunces-Italic-VF.ttf") format("truetype-variations");
|
|
font-weight: 100 900;
|
|
font-style: italic;
|
|
font-display: block;
|
|
}
|