The font-stretchproperti, diperkenalkan pada CSS3, memilih normal, kental atau diperluas wajah dari font.
Untuk menggunakan font-stretchdan melihat hasil tertentu, font yang digunakan harus memiliki tampilan yang sesuai dengan nilai yang diberikan. Dengan kata lain, font-stretchtidak akan berfungsi pada sembarang font, tetapi hanya pada font yang dirancang dengan wajah berbeda yang cocok dengan ukuran yang ditentukan.
p ( font-stretch: ultra-condensed; )font-stretch menerima salah satu nilai berikut:
ultra-condensedextra-condensedcondensedsemi-condensednormalsemi-expandedexpandedextra-expandedultra-expanded
Jika font tertentu tidak memiliki semua wajah yang diwakili, nilai apa pun yang digunakan akan dipetakan ke wajah terdekat yang setara. Nilai normal atau yang dipadatkan akan dipetakan ke font yang lebih sempit dan nilai yang diperluas akan dipetakan ke tampilan yang lebih lebar, atau ke wajah terdekat yang lebih sempit.
Di browser pendukung, font-stretchdapat digunakan sebagai bagian dari fontproperti steno.
Dukungan Browser
| Chrome | Safari | Firefox | Opera | YAITU | Android | iOS |
|---|---|---|---|---|---|---|
| tidak ada | tidak ada | 9+ | tidak ada | 9+ | tidak ada | tidak ada |