Files
docs/src/fonts/font-face.css
T
hikari 3789116d1f
Node.js CI / CI (push) Successful in 1m52s
Security Scan and Upload / Security & DefectDojo Upload (push) Successful in 3m13s
style: apply style guide fonts, colours, and readability fixes (#31)
## Summary

- Replaces custom "Vampyr" font with style guide fonts (Griffy, Kalam, Creepster, Henny Penny)
- Fixes illegible tagline, search placeholder, search results, shortcut badge, theme dropdown, and active sidebar item across light and dark modes
- Applies witchy code themes for light and dark mode
- Fixes invalid `env` language in code blocks (replaced with `sh`)
- Fixes invalid `message` aside icon in contact page (replaced with `star`)

 This PR was created with help from Hikari~ 🌸

Co-authored-by: Naomi Carrigan <commits@nhcarrigan.com>
Reviewed-on: #31
Co-authored-by: Hikari <hikari@nhcarrigan.com>
Co-committed-by: Hikari <hikari@nhcarrigan.com>
2026-03-03 17:54:53 -08:00

23 lines
394 B
CSS

@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&family=Creepster&family=Griffy&family=Henny+Penny&display=swap');
body {
font-family: "Kalam", cursive !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Griffy", cursive !important;
}
.witchy-accent {
font-family: "Creepster", cursive;
}
.mystical-text {
font-family: "Henny Penny", cursive;
}