fix: load Gloock font from static path instead of inline

This commit is contained in:
Elias Schneider
2026-06-16 09:47:05 +02:00
parent 9d4b621caa
commit 89b4abb8b5
4 changed files with 67 additions and 72 deletions

View File

@@ -1,65 +1,64 @@
{ {
"name": "pocket-id-frontend", "name": "pocket-id-frontend",
"version": "2.8.0", "version": "2.8.0",
"private": true, "private": true,
"type": "module", "type": "module",
"scripts": { "scripts": {
"preinstall": "npx only-allow pnpm", "preinstall": "npx only-allow pnpm",
"dev": "vite dev --port 3000", "dev": "vite dev --port 3000",
"build": "vite build", "build": "vite build",
"preview": "vite preview --port 3000", "preview": "vite preview --port 3000",
"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json", "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch", "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
"lint": "prettier --check . && eslint .", "lint": "prettier --check . && eslint .",
"format": "prettier --write ." "format": "prettier --write ."
}, },
"dependencies": { "dependencies": {
"@fontsource/gloock": "^5.2.8", "@simplewebauthn/browser": "^13.3.0",
"@simplewebauthn/browser": "^13.3.0", "@tailwindcss/vite": "^4.3.0",
"@tailwindcss/vite": "^4.3.0", "axios": "^1.16.1",
"axios": "^1.16.1", "clsx": "^2.1.1",
"clsx": "^2.1.1", "date-fns": "^4.2.1",
"date-fns": "^4.2.1", "jose": "^6.2.3",
"jose": "^6.2.3", "qrcode": "^1.5.4",
"qrcode": "^1.5.4", "runed": "^0.37.1",
"runed": "^0.37.1", "sveltekit-superforms": "^2.30.1",
"sveltekit-superforms": "^2.30.1", "tailwind-merge": "^3.6.0",
"tailwind-merge": "^3.6.0", "zod": "^4.4.3"
"zod": "^4.4.3" },
}, "devDependencies": {
"devDependencies": { "@inlang/paraglide-js": "^2.18.0",
"@inlang/paraglide-js": "^2.18.0", "@inlang/plugin-m-function-matcher": "^2.2.6",
"@inlang/plugin-m-function-matcher": "^2.2.6", "@inlang/plugin-message-format": "^4.4.0",
"@inlang/plugin-message-format": "^4.4.0", "@internationalized/date": "^3.12.1",
"@internationalized/date": "^3.12.1", "@lucide/svelte": "^1.16.0",
"@lucide/svelte": "^1.16.0", "@sveltejs/adapter-static": "^3.0.10",
"@sveltejs/adapter-static": "^3.0.10", "@sveltejs/kit": "^2.60.1",
"@sveltejs/kit": "^2.60.1", "@sveltejs/vite-plugin-svelte": "^7.1.2",
"@sveltejs/vite-plugin-svelte": "^7.1.2", "@types/eslint": "^9.6.1",
"@types/eslint": "^9.6.1", "@types/node": "^25.9.0",
"@types/node": "^25.9.0", "@types/qrcode": "^1.5.6",
"@types/qrcode": "^1.5.6", "bits-ui": "^2.18.1",
"bits-ui": "^2.18.1", "eslint": "^10.4.0",
"eslint": "^10.4.0", "eslint-config-prettier": "^10.1.8",
"eslint-config-prettier": "^10.1.8", "eslint-plugin-svelte": "^3.17.1",
"eslint-plugin-svelte": "^3.17.1", "formsnap": "^2.0.1",
"formsnap": "^2.0.1", "globals": "^17.6.0",
"globals": "^17.6.0", "mode-watcher": "^1.1.0",
"mode-watcher": "^1.1.0", "prettier": "^3.8.3",
"prettier": "^3.8.3", "prettier-plugin-svelte": "^3.5.2",
"prettier-plugin-svelte": "^3.5.2", "prettier-plugin-tailwindcss": "^0.8.0",
"prettier-plugin-tailwindcss": "^0.8.0", "rollup": "^4.60.4",
"rollup": "^4.60.4", "svelte": "^5.55.8",
"svelte": "^5.55.8", "svelte-check": "^4.4.8",
"svelte-check": "^4.4.8", "svelte-sonner": "^1.1.1",
"svelte-sonner": "^1.1.1", "tailwind-variants": "^3.2.2",
"tailwind-variants": "^3.2.2", "tailwindcss": "^4.3.0",
"tailwindcss": "^4.3.0", "tslib": "^2.8.1",
"tslib": "^2.8.1", "tw-animate-css": "^1.4.0",
"tw-animate-css": "^1.4.0", "typescript": "^6.0.3",
"typescript": "^6.0.3", "typescript-eslint": "^8.59.4",
"typescript-eslint": "^8.59.4", "vite": "^8.0.13",
"vite": "^8.0.13", "vite-plugin-compression": "^0.5.1"
"vite-plugin-compression": "^0.5.1" }
}
} }

View File

@@ -1,6 +1,5 @@
@import 'tailwindcss'; @import 'tailwindcss';
@import 'tw-animate-css'; @import 'tw-animate-css';
@import '@fontsource/gloock';
@variant dark (&:where(.dark, .dark *)); @variant dark (&:where(.dark, .dark *));
@@ -150,6 +149,11 @@
button { button {
@apply cursor-pointer; @apply cursor-pointer;
} }
@font-face {
font-family: 'Gloock';
src: url('/fonts/Gloock-Regular.woff') format('woff');
}
} }
.animate-fade-in { .animate-fade-in {

Binary file not shown.

8
pnpm-lock.yaml generated
View File

@@ -61,9 +61,6 @@ importers:
frontend: frontend:
dependencies: dependencies:
'@fontsource/gloock':
specifier: ^5.2.8
version: 5.2.8
'@simplewebauthn/browser': '@simplewebauthn/browser':
specifier: ^13.3.0 specifier: ^13.3.0
version: 13.3.0 version: 13.3.0
@@ -636,9 +633,6 @@ packages:
'@floating-ui/utils@0.2.11': '@floating-ui/utils@0.2.11':
resolution: {integrity: sha512-RiB/yIh78pcIxl6lLMG0CgBXAZ2Y0eVHqMPYugu+9U0AeT6YBeiJpf7lbdJNIugFP5SIjwNRgo4DhR1Qxi26Gg==} resolution: {integrity: sha512-RiB/yIh78pcIxl6lLMG0CgBXAZ2Y0eVHqMPYugu+9U0AeT6YBeiJpf7lbdJNIugFP5SIjwNRgo4DhR1Qxi26Gg==}
'@fontsource/gloock@5.2.8':
resolution: {integrity: sha512-2qh1h3uC8bY93r2zuX3a0Q2IoGUf4vc1qxM0DUqoNVxwqDkXIOhGS7/0EEYNBLfSWO7ABfi/qkVmzedkj2jSZA==}
'@hapi/hoek@9.3.0': '@hapi/hoek@9.3.0':
resolution: {integrity: sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==} resolution: {integrity: sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==}
@@ -3589,8 +3583,6 @@ snapshots:
'@floating-ui/utils@0.2.11': {} '@floating-ui/utils@0.2.11': {}
'@fontsource/gloock@5.2.8': {}
'@hapi/hoek@9.3.0': '@hapi/hoek@9.3.0':
optional: true optional: true