v131 · css
See how font-variant-emoji changes headlines, body copy, and UI buttons. Toggle the variant to watch every emoji switch presentation — no Unicode variation selectors, just CSS.
The Chrome team announced shipping of ✨ 24 new platform APIs this month. Engineers 👷 across the ecosystem celebrated with a cascade of 🔥 posts — some calling it a watershed 💧 moment for the open web.
Notably, CSS now controls emoji 🎨 presentation directly — no more ︎ / ️ variation selectors needed in markup.
Icon buttons inherit the variant — the same ❤️ / 🔔 / 📎 characters render as text symbols or colour glyphs depending on the rule.
Status ✅ complete — deploy triggered at 14:32 ⏰. The build 🏗️ passed all checks ☑️ including unit tests ✔️, linting ⚠️ (2 warnings suppressed), and performance budget 📊. Next step: tag release 🏷️ and notify stakeholders 📣.
Temperature ❄️ 18 °C · Wind 💨 12 km/h · Humidity 💧 64 % · UV index ☀️ 3 (low) · Forecast 🌧️ light rain after 20:00.
/* Force colour emoji everywhere on a page */
body { font-variant-emoji: emoji; }
/* Monochrome icons in UI chrome */
.toolbar { font-variant-emoji: text; }
/* Per-element overrides */
.article-headline { font-variant-emoji: emoji; }
.code-block { font-variant-emoji: text; }