Websites/main
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Feat: Ergänzt Standard-Fallback-Fonts in SCSS zur Absicherung der Schriftarten-Darstellung

Browse Source
This commit is contained in:
DragonSlayer_14
2026-06-13 16:51:05 +02:00
parent 0f7d7a452a
commit 00436fdf3c
2 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/styles/app.scss
+16 -16
View File
@@ -359,15 +359,15 @@ $code-color-dark: $dk-tertiary; // #c0c1ff
body { body {
background-color: var(--color-background); background-color: var(--color-background);
color: var(--color-on-surface); color: var(--color-on-surface);
font-family: var(--font-body); font-family: var(--font-body), sans-serif;
} }
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
font-family: var(--font-display); font-family: var(--font-display), serif;
} }
code, kbd, pre, samp { code, kbd, pre, samp {
font-family: var(--font-mono); font-family: var(--font-mono), monospace;
} }
// ============================================================================= // =============================================================================
@@ -375,7 +375,7 @@ code, kbd, pre, samp {
// ============================================================================= // =============================================================================
.text-display-lg { .text-display-lg {
font-family: var(--font-display); font-family: var(--font-display), serif;
font-size: 64px; font-size: 64px;
font-weight: 700; font-weight: 700;
line-height: 1.1; line-height: 1.1;
@@ -388,27 +388,27 @@ code, kbd, pre, samp {
} }
.text-headline-md { .text-headline-md {
font-family: var(--font-display); font-family: var(--font-display), serif;
font-size: 32px; font-size: 32px;
font-weight: 600; font-weight: 600;
line-height: 1.3; line-height: 1.3;
} }
.text-body-lg { .text-body-lg {
font-family: var(--font-body); font-family: var(--font-body), sans-serif;
font-size: 18px; font-size: 18px;
line-height: 1.6; line-height: 1.6;
} }
.text-body-md { .text-body-md {
font-family: var(--font-body); font-family: var(--font-body), sans-serif;
font-size: 16px; font-size: 16px;
line-height: 1.5; line-height: 1.5;
} }
// Primary label style (light design doc) // Primary label style (light design doc)
.text-label-sm { .text-label-sm {
font-family: var(--font-mono); font-family: var(--font-mono), monospace;
font-size: 13px; font-size: 13px;
font-weight: 500; font-weight: 500;
line-height: 1; line-height: 1;
@@ -417,7 +417,7 @@ code, kbd, pre, samp {
// Variant with uppercase transform (dark design doc) // Variant with uppercase transform (dark design doc)
.text-label-caps { .text-label-caps {
font-family: var(--font-mono); font-family: var(--font-mono), monospace;
font-size: 12px; font-size: 12px;
font-weight: 600; font-weight: 600;
line-height: 1; line-height: 1;
@@ -466,7 +466,7 @@ code, kbd, pre, samp {
} }
.card-title { .card-title {
font-family: var(--font-display); font-family: var(--font-display), serif;
color: var(--color-on-surface); color: var(--color-on-surface);
} }
} }
@@ -495,7 +495,7 @@ code, kbd, pre, samp {
// JetBrains Mono for all form labels // JetBrains Mono for all form labels
label, label,
.form-label { .form-label {
font-family: var(--font-mono); font-family: var(--font-mono), monospace;
font-size: 13px; font-size: 13px;
font-weight: 500; font-weight: 500;
letter-spacing: 0.05em; letter-spacing: 0.05em;
@@ -513,7 +513,7 @@ label,
border-bottom: 1px solid var(--color-outline-variant); border-bottom: 1px solid var(--color-outline-variant);
.nav-link { .nav-link {
font-family: var(--font-mono); font-family: var(--font-mono), monospace;
font-size: 13px; font-size: 13px;
font-weight: 500; font-weight: 500;
letter-spacing: 0.05em; letter-spacing: 0.05em;
@@ -530,7 +530,7 @@ label,
// --- Tech Chips / Badges --- // --- Tech Chips / Badges ---
.badge-tech { .badge-tech {
font-family: var(--font-mono); font-family: var(--font-mono), monospace;
font-size: 12px; font-size: 12px;
font-weight: 500; font-weight: 500;
letter-spacing: 0.05em; letter-spacing: 0.05em;
@@ -551,7 +551,7 @@ pre {
border-radius: var(--radius); border-radius: var(--radius);
code { code {
font-family: var(--font-mono); font-family: var(--font-mono), monospace;
font-size: 14px; font-size: 14px;
color: var(--color-on-surface); color: var(--color-on-surface);
} }
@@ -560,7 +560,7 @@ pre {
position: absolute; position: absolute;
top: var(--spacing-sm); top: var(--spacing-sm);
right: var(--spacing-md); right: var(--spacing-md);
font-family: var(--font-mono); font-family: var(--font-mono), monospace;
font-size: 12px; font-size: 12px;
font-weight: 500; font-weight: 500;
letter-spacing: 0.05em; letter-spacing: 0.05em;
@@ -581,7 +581,7 @@ pre {
} }
.material-symbols-outlined { .material-symbols-outlined {
font-family: 'Material Symbols Outlined'; font-family: 'Material Symbols Outlined', serif;
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
font-size: 20px; font-size: 20px;
assets/styles/app/nav.css
+1 -1
View File
@@ -25,7 +25,7 @@ nav div {
} }
#nav-site-name { #nav-site-name {
font-family: var(--font-display); font-family: var(--font-display), serif;
letter-spacing: -.02em; letter-spacing: -.02em;
font-size: 1rem; font-size: 1rem;
} }