ge-aerospace/shopdb-flask
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

shopfloor dashboard: use Archivo display font for TV legibility

Browse Source 
Bundle @fontsource-variable/archivo (air-gap safe) and apply it to the shopfloor
dashboard only - a sturdy grotesque built for signage/displays, more legible
from across the shop than Inter. Rest of the app stays on Inter.
This commit is contained in:
cproudlock
2026-07-20 15:19:28 -04:00
parent 0dc4dba265
commit d39d34b55f
4 changed files with 14 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/main.js
View File

@@ -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'

2
frontend/src/views/ShopfloorDashboard.vue
View File

@@ -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;
}