-
Notifications
You must be signed in to change notification settings - Fork 8
Updating the font
Simon edited this page Jul 9, 2024
·
2 revisions
By default, the project makes use of two fonts:
- A sans-serif font (Familjen Grotesk by default).
- A monospace font (Space Mono by default).
These fonts are imported using CSS @import rules in src/theme.scss:
@import url("https://fonts.googleapis.com/css2?family=Familjen+Grotesk:ital,wght@0,400..700;1,400..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap");- Import your font (e.g., in
src/theme.scss). - Update
tailwind.config.jsaccordingly:
theme: {
extend: {
fontFamily: {
sans: ["Familjen Grotesk", "sans-serif"],
mono: ["Space Mono", "monospace"],
},
},
}This project is still in the prototyping phase. If you have any questions, thoughts or feedback, please reach out to Simon Dirks (mail@simondirks.com).
- Rendering components by type
- Rendering components by predicate
- Pre-defined predicate render components