From a93d8b4414493741ca52fb27604e5c1d1f56e025 Mon Sep 17 00:00:00 2001 From: user Date: Sat, 27 Dec 2025 20:44:02 +0900 Subject: [PATCH 1/7] Update --font-sans to include "Segoe UI Variable" for improved text rendering --- app/assets/stylesheets/_global.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/assets/stylesheets/_global.css b/app/assets/stylesheets/_global.css index 47f29691a..8404a447c 100644 --- a/app/assets/stylesheets/_global.css +++ b/app/assets/stylesheets/_global.css @@ -10,7 +10,7 @@ --block-space-double: calc(var(--block-space) * 2); /* Text */ - --font-sans: "Adwaita Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; + --font-sans: "Adwaita Sans", -apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; --font-serif: ui-serif, serif; --font-mono: ui-monospace, monospace; From 9dbc921c2ef0a7bcac6d16ee9e7cc4af89d2d4fa Mon Sep 17 00:00:00 2001 From: user Date: Sat, 27 Dec 2025 22:19:12 +0900 Subject: [PATCH 2/7] Add "Segoe UI fizzy" to --font-sans and define custom font faces --- app/assets/stylesheets/_global.css | 2 +- app/assets/stylesheets/segoe-ui.css | 29 +++++++++++++++++++++++++++++ 2 files changed, 30 insertions(+), 1 deletion(-) create mode 100644 app/assets/stylesheets/segoe-ui.css diff --git a/app/assets/stylesheets/_global.css b/app/assets/stylesheets/_global.css index 8404a447c..03947f5fc 100644 --- a/app/assets/stylesheets/_global.css +++ b/app/assets/stylesheets/_global.css @@ -10,7 +10,7 @@ --block-space-double: calc(var(--block-space) * 2); /* Text */ - --font-sans: "Adwaita Sans", -apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; + --font-sans: "Adwaita Sans", -apple-system, BlinkMacSystemFont, "Segoe UI fizzy", "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; --font-serif: ui-serif, serif; --font-mono: ui-monospace, monospace; diff --git a/app/assets/stylesheets/segoe-ui.css b/app/assets/stylesheets/segoe-ui.css new file mode 100644 index 000000000..fde554c58 --- /dev/null +++ b/app/assets/stylesheets/segoe-ui.css @@ -0,0 +1,29 @@ +@layer reset { + @font-face { + font-family: "Segoe UI fizzy"; + src: local("Segoe UI Variable"); + font-weight: 100 700; + font-style: normal; + } + + @font-face { + font-family: "Segoe UI fizzy"; + src: local("Segoe UI Variable Italic"); + font-weight: 100 700; + font-style: italic; + } + + @font-face { + font-family: "Segoe UI fizzy"; + src: local("Segoe UI Black"); + font-weight: 900; + font-style: normal; + } + + @font-face { + font-family: "Segoe UI fizzy"; + src: local("Segoe UI Black Italic"); + font-weight: 900; + font-style: italic; + } +} From d7d2f92c293d0954e2a9caeac2459f9d7ed56f6f Mon Sep 17 00:00:00 2001 From: user Date: Sat, 27 Dec 2025 22:32:01 +0900 Subject: [PATCH 3/7] Update --font-sans and related font-face references to "Segoe UI Variable Fizzy" for consistency --- app/assets/stylesheets/_global.css | 2 +- .../{segoe-ui.css => segoe-ui-variable-fizzy.css} | 8 ++++---- 2 files changed, 5 insertions(+), 5 deletions(-) rename app/assets/stylesheets/{segoe-ui.css => segoe-ui-variable-fizzy.css} (71%) diff --git a/app/assets/stylesheets/_global.css b/app/assets/stylesheets/_global.css index 03947f5fc..a14a3d29f 100644 --- a/app/assets/stylesheets/_global.css +++ b/app/assets/stylesheets/_global.css @@ -10,7 +10,7 @@ --block-space-double: calc(var(--block-space) * 2); /* Text */ - --font-sans: "Adwaita Sans", -apple-system, BlinkMacSystemFont, "Segoe UI fizzy", "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; + --font-sans: "Adwaita Sans", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Fizzy", "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; --font-serif: ui-serif, serif; --font-mono: ui-monospace, monospace; diff --git a/app/assets/stylesheets/segoe-ui.css b/app/assets/stylesheets/segoe-ui-variable-fizzy.css similarity index 71% rename from app/assets/stylesheets/segoe-ui.css rename to app/assets/stylesheets/segoe-ui-variable-fizzy.css index fde554c58..4919463d1 100644 --- a/app/assets/stylesheets/segoe-ui.css +++ b/app/assets/stylesheets/segoe-ui-variable-fizzy.css @@ -1,27 +1,27 @@ @layer reset { @font-face { - font-family: "Segoe UI fizzy"; + font-family: "Segoe UI Variable Fizzy"; src: local("Segoe UI Variable"); font-weight: 100 700; font-style: normal; } @font-face { - font-family: "Segoe UI fizzy"; + font-family: "Segoe UI Variable Fizzy"; src: local("Segoe UI Variable Italic"); font-weight: 100 700; font-style: italic; } @font-face { - font-family: "Segoe UI fizzy"; + font-family: "Segoe UI Variable Fizzy"; src: local("Segoe UI Black"); font-weight: 900; font-style: normal; } @font-face { - font-family: "Segoe UI fizzy"; + font-family: "Segoe UI Variable Fizzy"; src: local("Segoe UI Black Italic"); font-weight: 900; font-style: italic; From 6d8536ddf8bf27cdd4de1e9e07a49160391dc4e8 Mon Sep 17 00:00:00 2001 From: user Date: Sat, 27 Dec 2025 22:54:30 +0900 Subject: [PATCH 4/7] Adjust font-weight range for "Segoe UI Variable Fizzy" to include 800-900 --- app/assets/stylesheets/segoe-ui-variable-fizzy.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/app/assets/stylesheets/segoe-ui-variable-fizzy.css b/app/assets/stylesheets/segoe-ui-variable-fizzy.css index 4919463d1..bc4e9e626 100644 --- a/app/assets/stylesheets/segoe-ui-variable-fizzy.css +++ b/app/assets/stylesheets/segoe-ui-variable-fizzy.css @@ -16,14 +16,14 @@ @font-face { font-family: "Segoe UI Variable Fizzy"; src: local("Segoe UI Black"); - font-weight: 900; + font-weight: 800 900; font-style: normal; } @font-face { font-family: "Segoe UI Variable Fizzy"; src: local("Segoe UI Black Italic"); - font-weight: 900; + font-weight: 800 900; font-style: italic; } } From 085bb70a8cb4551d010c79c85333e00f885dc123 Mon Sep 17 00:00:00 2001 From: user Date: Sat, 27 Dec 2025 23:50:12 +0900 Subject: [PATCH 5/7] Fix font-face `src` reference for "Segoe UI Variable Fizzy" to correct local font lookup --- app/assets/stylesheets/segoe-ui-variable-fizzy.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/assets/stylesheets/segoe-ui-variable-fizzy.css b/app/assets/stylesheets/segoe-ui-variable-fizzy.css index bc4e9e626..55b093755 100644 --- a/app/assets/stylesheets/segoe-ui-variable-fizzy.css +++ b/app/assets/stylesheets/segoe-ui-variable-fizzy.css @@ -8,7 +8,7 @@ @font-face { font-family: "Segoe UI Variable Fizzy"; - src: local("Segoe UI Variable Italic"); + src: local("Segoe UI Variable"); font-weight: 100 700; font-style: italic; } From 5c453952a84a41259396480b5b0546274b6f68d2 Mon Sep 17 00:00:00 2001 From: user Date: Thu, 8 Jan 2026 13:25:41 +0900 Subject: [PATCH 6/7] Update @layer name to `base` in font-face definition for "Segoe UI Variable Fizzy" --- .../stylesheets/{segoe-ui-variable-fizzy.css => font-face.css} | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) rename app/assets/stylesheets/{segoe-ui-variable-fizzy.css => font-face.css} (97%) diff --git a/app/assets/stylesheets/segoe-ui-variable-fizzy.css b/app/assets/stylesheets/font-face.css similarity index 97% rename from app/assets/stylesheets/segoe-ui-variable-fizzy.css rename to app/assets/stylesheets/font-face.css index 55b093755..4563c0b52 100644 --- a/app/assets/stylesheets/segoe-ui-variable-fizzy.css +++ b/app/assets/stylesheets/font-face.css @@ -1,4 +1,4 @@ -@layer reset { +@layer base { @font-face { font-family: "Segoe UI Variable Fizzy"; src: local("Segoe UI Variable"); From cd9b38221437f4faaf47bbfd4abe7ff8ff063abd Mon Sep 17 00:00:00 2001 From: user Date: Thu, 8 Jan 2026 13:53:46 +0900 Subject: [PATCH 7/7] Add Segoe UI Variable Fizzy font face configuration comments --- app/assets/stylesheets/font-face.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/app/assets/stylesheets/font-face.css b/app/assets/stylesheets/font-face.css index 4563c0b52..086111ed4 100644 --- a/app/assets/stylesheets/font-face.css +++ b/app/assets/stylesheets/font-face.css @@ -1,4 +1,16 @@ @layer base { + /* + Segoe UI Variable Fizzy font face configuration. + + 1. Segoe UI Variable (Weights 100-700): + Leverages variable font features to: + - Automatically adjust Weight (wght) dynamically within the 100-700 range. + - Automatically manage Optical Size (opsz) based on font-size. + + 2. Segoe UI Black (Weights 800-900): + Used as a fallback because Segoe UI Variable does not natively support 900 weight. + This ensures a consistent bold experience across all weights. + */ @font-face { font-family: "Segoe UI Variable Fizzy"; src: local("Segoe UI Variable");