Die font-stretchin CSS3 eingeführte Eigenschaft wählt eine normale, komprimierte oder erweiterte Fläche aus einer Schriftart aus.
Um font-stretchein Ergebnis zu verwenden und zu sehen, muss die verwendete Schriftart ein Gesicht haben, das dem angegebenen Wert entspricht. Mit anderen Worten, font-stretchfunktioniert nicht mit jeder Schriftart, sondern nur mit Schriftarten, die mit unterschiedlichen Flächen gestaltet sind, die den definierten Größen entsprechen.
p ( font-stretch: ultra-condensed; )font-stretch akzeptiert einen der folgenden Werte:
ultra-condensedextra-condensedcondensedsemi-condensednormalsemi-expandedexpandedextra-expandedultra-expanded
Wenn in einer bestimmten Schriftart nicht alle Flächen dargestellt sind, wird jeder verwendete Wert der nächstgelegenen äquivalenten Fläche zugeordnet. Normale oder komprimierte Werte werden einer schmaleren Schriftart zugeordnet, und erweiterte Werte werden einer breiteren Fläche oder der nächsten schmaleren Fläche zugeordnet.
font-stretchKann in unterstützenden Browsern als Teil der fontShorthand-Eigenschaft verwendet werden.
Browser-Unterstützung
| Chrom | Safari | Feuerfuchs | Oper | IE | Android | iOS |
|---|---|---|---|---|---|---|
| keiner | keiner | 9+ | keiner | 9+ | keiner | keiner |