From 58ce813632e438e778cd565442d867f2615045cf Mon Sep 17 00:00:00 2001 From: Andrii Kostenko Date: Mon, 16 Feb 2026 12:35:50 +0000 Subject: [PATCH] fix: add proper font fallback stack to theme typography config Prevents UI from jumping to the browser default font when Noto Sans fails to load. Co-Authored-By: Claude Opus 4.6 --- frontend/src/custom-theme.scss | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/frontend/src/custom-theme.scss b/frontend/src/custom-theme.scss index 53746aae6..a7a7a6b6d 100644 --- a/frontend/src/custom-theme.scss +++ b/frontend/src/custom-theme.scss @@ -105,8 +105,10 @@ html { margin-left: -3px; } +$app-font-family: 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; + $button-custom-level: mat.m2-define-typography-level( - $font-family: 'Noto Sans', + $font-family: $app-font-family, $font-weight: 500, $font-size: 14px, $line-height: 34px, @@ -114,7 +116,7 @@ $button-custom-level: mat.m2-define-typography-level( ); $body-1-custom-level: mat.m2-define-typography-level( - $font-family: 'Noto Sans', + $font-family: $app-font-family, $font-weight: 400, $font-size: 14px, $line-height: 20px, @@ -122,7 +124,7 @@ $body-1-custom-level: mat.m2-define-typography-level( ); $caption-custom-level: mat.m2-define-typography-level( - $font-family: 'Noto Sans', + $font-family: $app-font-family, $font-weight: 400, $font-size: 12px, $line-height: 16px, @@ -130,7 +132,7 @@ $caption-custom-level: mat.m2-define-typography-level( ); $custom-typography-config: mat.m2-define-typography-config( - $font-family: 'Noto Sans', + $font-family: $app-font-family, $button: $button-custom-level, $body-1: $body-1-custom-level, $caption: $caption-custom-level,