CSS font-language-override
Property
The font-language-override
property in CSS allows you to control the language-specific glyphs used in a font. It overrides the default OpenType language system settings for better typographic rendering in certain languages.
1. Syntax
2. Property Values
Value | Description |
---|---|
normal | Uses the font's default language settings (default). |
"XXX" | A three-letter OpenType language tag to specify the language for glyph substitution. |
๐น Example OpenType language tags:
"ENG"
– English"FRA"
– French"JPN"
– Japanese"KOR"
– Korean
3. Example Usage
✅ This ensures that French typographic rules (like ligatures) are used.
4. When to Use font-language-override
?
- When a font supports language-specific features (e.g., Arabic, Japanese, French).
- To force OpenType substitutions for a different language.
- Useful for multilingual typography control.
5. Browser Support
๐ธ Limited Support – Only works in Firefox (as of now).
๐น Alternative: Use the lang
attribute in HTML.
✅ This works in all browsers.