Skip to content

Commit a00a54b

Browse files
committed
Add font-variant-emoji for proper 2025 emoji rendering
Use the modern CSS standard font-variant-emoji: emoji to force proper emoji presentation across all browsers. Supported in: - Chrome 131+ (Nov 2024) - Firefox 141+ (July 2025) - Edge 131+ (Nov 2024) This is the proper 2025 solution - using ONLY font-variant-emoji without font-feature-settings that was breaking numbers.
1 parent ca626c5 commit a00a54b

File tree

1 file changed

+6
-0
lines changed

1 file changed

+6
-0
lines changed

docs/.vitepress/theme/custom.css

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -72,3 +72,9 @@ html:not(.dark) .diagram-light {
7272
--vp-font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
7373
--vp-font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
7474
}
75+
76+
/* Force proper emoji presentation in Chrome, Firefox, Edge (2024-2025 solution) */
77+
/* Supported in Chrome 131+, Firefox 141+, Edge 131+ */
78+
body {
79+
font-variant-emoji: emoji;
80+
}

0 commit comments

Comments
 (0)