Ispravljen prikaz fontova na Chart.js grafikonu u Chromium browserima (Opera, Chrome, Edge)

Problem: u Operi i Chrome-u na Chart.js grafikonu (Izveštaji) stubići
   se vide, ali slova i brojevi ne. U Firefoxu sve radi ispravno.

   Uzrok 1 — CSP font-src 'self' (internal/middleware/bezbednost.go):
   Chromium primenjuje CSP font-src direktivu i na canvas.fillText(),
   blokirajući sistemske fontove jer nisu sa 'self' origina.
   Firefox ovu proveru ne radi.

   Uzrok 2 — nedostaje font family u Chart.js konfiguraciji:
   Canvas na Linuxu ne ume sam da pronađe font sa ćiriličnim slovima
   (Helvetica/Arial ih često nemaju za canvas iako ih imaju u DOM-u).

   Rešenje:
   - Uklonjena font-src direktiva iz CSP-a
   - Dodat family: 'DejaVu Sans, Ubuntu, system-ui, sans-serif' na
     legendu, x-osu i y-osu Chart.js grafikona
This commit is contained in:
2026-06-09 22:15:44 +02:00
parent 4a01bda7d2
commit 941399032b
2 changed files with 3 additions and 4 deletions
-1
View File
@@ -16,7 +16,6 @@ func BezbednostHeaders() func(http.Handler) http.Handler {
"style-src 'self' 'unsafe-inline'; "+
"script-src 'self' 'unsafe-inline'; "+
"img-src 'self' data: blob:; "+
"font-src 'self'; "+
"connect-src 'self'")
next.ServeHTTP(w, r)
})
+3 -3
View File
@@ -226,7 +226,7 @@
maintainAspectRatio: false,
plugins: {
legend: {
labels: { color: tekstBoja, font: { size: 12 }, boxWidth: 12, padding: 16 }
labels: { color: tekstBoja, font: { size: 12, family: 'DejaVu Sans, Ubuntu, system-ui, sans-serif' }, boxWidth: 12, padding: 16 }
},
tooltip: {
callbacks: {
@@ -239,13 +239,13 @@
scales: {
x: {
stacked: false,
ticks: { color: tekstBoja, font: { size: 11 } },
ticks: { color: tekstBoja, font: { size: 11, family: 'DejaVu Sans, Ubuntu, system-ui, sans-serif' } },
grid: { color: ivicaBoja }
},
y: {
ticks: {
color: tekstBoja,
font: { size: 11 },
font: { size: 11, family: 'DejaVu Sans, Ubuntu, system-ui, sans-serif' },
callback: function(v) { return Math.round(v).toLocaleString('sr-RS') + ' din'; }
},
grid: { color: ivicaBoja }