v150 · css

Localization Labels

UI labels like "Subscribe", "Add to cart", and "Continue" can be 2× longer in some languages. text-fit: shrink scales long text down to fit any fixed-size button or badge — one CSS rule handles all locales, no per-language font-size overrides needed.

Feature detection: checking…
text-fit:
CTA button — fixed 200px wide × 40px tall text-fit: shrink
64×64px circular badge — all locales, same circle
Language Translation Characters vs. English 
/* One rule scales text for all locales */
.cta-button {
  width: 200px;
  height: 40px;
  text-fit: shrink;
  white-space: nowrap;
  overflow: hidden;
}

/* No per-language overrides needed:
   :lang(de) { font-size: 0.7rem; }  ← not needed
   :lang(fi) { font-size: 0.6rem; }  ← not needed
*/

see also

implementation reference

Need the exact API surface, compatibility boundaries, errors, lifecycle, and source links? Read the matching gendn reference ↗