Updating the font - view-a-LOD/Valeros GitHub Wiki
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.js
accordingly:
theme: {
extend: {
fontFamily: {
sans: ["Familjen Grotesk", "sans-serif"],
mono: ["Space Mono", "monospace"],
},
},
}