La font-stretchproprietà, introdotta in CSS3, seleziona una faccia normale, condensata o espansa da un font.
Per poter utilizzare font-stretche vedere un risultato di qualche tipo, il carattere utilizzato deve avere una faccia che corrisponda al valore fornito. In altre parole, font-stretchnon funzionerà su qualsiasi carattere, ma solo su caratteri progettati con facce diverse che corrispondono alle dimensioni definite.
p ( font-stretch: ultra-condensed; )font-stretch accetta uno dei seguenti valori:
ultra-condensedextra-condensedcondensedsemi-condensednormalsemi-expandedexpandedextra-expandedultra-expanded
Se un particolare font non ha tutte le facce rappresentate, qualsiasi valore utilizzato verrà mappato alla faccia equivalente più vicina. I valori normali o ridotti verranno mappati su un carattere più stretto, mentre i valori espansi verranno mappati su una faccia più ampia, oppure sulla faccia più stretta più vicina.
Nei browser di supporto, font-stretchpuò essere utilizzato come parte della fontproprietà abbreviazione.
Supporto browser
| Cromo | Safari | Firefox | musica lirica | IE | Android | iOS |
|---|---|---|---|---|---|---|
| nessuna | nessuna | 9+ | nessuna | 9+ | nessuna | nessuna |