Updating the font - Simon-Dirks/view-a-LOD GitHub Wiki

By default, the project makes use of two fonts:

  1. A sans-serif font (Familjen Grotesk by default).
  2. 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");

To update fonts

  1. Import your font (e.g., in src/theme.scss).
  2. Update tailwind.config.js accordingly:
theme: {  
  extend: {  
    fontFamily: {  
      sans: ["Familjen Grotesk", "sans-serif"],  
      mono: ["Space Mono", "monospace"],  
⚠️ **GitHub.com Fallback** ⚠️