self host font

This commit is contained in:
Joakim Repomaa
2026-02-17 03:04:53 +02:00
parent efe8464882
commit 209770e8aa
3 changed files with 15 additions and 19 deletions

10
package-lock.json generated
View File

@@ -9,6 +9,7 @@
"version": "1.0.0",
"license": "ISC",
"dependencies": {
"@fontsource/iosevka": "^5.2.5",
"@sveltia/cms": "^0.140.3"
},
"devDependencies": {
@@ -497,6 +498,15 @@
"node": ">=18"
}
},
"node_modules/@fontsource/iosevka": {
"version": "5.2.5",
"resolved": "https://registry.npmjs.org/@fontsource/iosevka/-/iosevka-5.2.5.tgz",
"integrity": "sha512-Zv/UHJodDug1LcnWv2u2+GPp3oWP3U6Xp16cJOsqqZQNsCu8sA/ttT331N0NypxBZ+7c8szlSRlYDcy9liZ8pw==",
"license": "OFL-1.1",
"funding": {
"url": "https://github.com/sponsors/ayuhito"
}
},
"node_modules/@jridgewell/gen-mapping": {
"version": "0.3.13",
"resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",

View File

@@ -11,6 +11,7 @@
"format": "prettier --write ."
},
"dependencies": {
"@fontsource/iosevka": "^5.2.5",
"@sveltia/cms": "^0.140.3"
},
"keywords": [

View File

@@ -1,23 +1,8 @@
@import 'tailwindcss';
/* Custom font imports */
@font-face {
font-family: 'JetBrains Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('https://fonts.gstatic.com/s/jetbrainsmono/v18/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKxjPVmUsaaDhw.woff2')
format('woff2');
}
@font-face {
font-family: 'JetBrains Mono';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('https://fonts.gstatic.com/s/jetbrainsmono/v18/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKxjPVmUsaaDhw.woff2')
format('woff2');
}
/* Iosevka font - self-hosted via npm */
@import '@fontsource/iosevka/400.css';
@import '@fontsource/iosevka/700.css';
html {
color-scheme: light dark;
@@ -31,7 +16,7 @@ body {
/* Theme configuration - 5 colors per layout */
@theme {
/* Font families */
--font-mono: 'JetBrains Mono', ui-monospace, monospace;
--font-mono: 'Iosevka', ui-monospace, monospace;
--font-sans: ui-sans-serif, system-ui, sans-serif;
/* Web layout - 5 colors using light-dark() for dark mode */