Preload emoji flags to avoid glyph fallback

2026-02-05 13:58:15 +01:00
parent c61c574071
commit 1e811fbb1a
2 changed files with 10 additions and 0 deletions
--- a/wwwroot/css/base.css
+++ b/wwwroot/css/base.css
@@ -164,3 +164,12 @@ h3 {
    background: #e0564f;
    color: #fffaf3;
 }
+
+.emoji-preload {
+    position: absolute;
+    opacity: 0;
+    pointer-events: none;
+    inset: 0;
+    font-family: "Noto Color Emoji", "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
+    font-size: 1px; /* tiny but triggers early font fetch */
+}
--- a/wwwroot/index.html
+++ b/wwwroot/index.html
@@ -14,6 +14,7 @@
  <meta name="app-base" content="">
 </head>
 <body class="page">
+  <span class="emoji-preload" aria-hidden="true">🇺🇸🇩🇪</span>
  <section class="card hidden" id="auth-card">
    <div class="auth-logo">
      <img src="logo.png" alt="Pick'n'Play logo" />