diff --git a/frontend/package-lock.json b/frontend/package-lock.json index 40a7c15..86b202e 100644 --- a/frontend/package-lock.json +++ b/frontend/package-lock.json @@ -8,6 +8,7 @@ "name": "shopdb-frontend", "version": "0.7.0", "dependencies": { + "@fontsource-variable/archivo": "^5.3.0", "@fontsource-variable/inter": "^5.2.8", "@fullcalendar/core": "^6.1.20", "@fullcalendar/daygrid": "^6.1.20", @@ -649,6 +650,14 @@ "node": ">=18" } }, + "node_modules/@fontsource-variable/archivo": { + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/@fontsource-variable/archivo/-/archivo-5.3.0.tgz", + "integrity": "sha512-HogK8FJelrD1o7TlZlkIVtHgc20bO5PZRWE7mUeUTdMN055alznQV6/00J00IBeu8FQAH4s3zW9UJNvKExXf+g==", + "funding": { + "url": "https://github.com/sponsors/ayuhito" + } + }, "node_modules/@fontsource-variable/inter": { "version": "5.2.8", "resolved": "https://registry.npmjs.org/@fontsource-variable/inter/-/inter-5.2.8.tgz", diff --git a/frontend/package.json b/frontend/package.json index 49b9aca..f72363a 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -15,6 +15,7 @@ "test:watch": "vitest" }, "dependencies": { + "@fontsource-variable/archivo": "^5.3.0", "@fontsource-variable/inter": "^5.2.8", "@fullcalendar/core": "^6.1.20", "@fullcalendar/daygrid": "^6.1.20", diff --git a/frontend/src/main.js b/frontend/src/main.js index 739dcfe..5d0bf1b 100644 --- a/frontend/src/main.js +++ b/frontend/src/main.js @@ -5,6 +5,9 @@ import App from './App.vue' // Locally-bundled Inter (air-gap safe, no Google Fonts fetch) import '@fontsource-variable/inter' +// Archivo: display/signage font used on the shopfloor dashboard for +// distance readability on TVs (air-gap safe, bundled). +import '@fontsource-variable/archivo' // Initialize theme on app load import './stores/theme' diff --git a/frontend/src/views/ShopfloorDashboard.vue b/frontend/src/views/ShopfloorDashboard.vue index 19b28f4..7d7036c 100644 --- a/frontend/src/views/ShopfloorDashboard.vue +++ b/frontend/src/views/ShopfloorDashboard.vue @@ -448,7 +448,7 @@ function handlePhotoError(e) { position: relative; background: #00003d; color: #fff; - font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; + font-family: 'Archivo Variable', 'Inter Variable', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; overflow: hidden; }