Font-stretch - Trik CSS

Anonim

The font-stretchhartanah, diperkenalkan pada CSS3, memilih, muka yang normal pekat atau berkembang dari fon.

Untuk menggunakan font-stretchdan melihat hasil dari beberapa jenis, fon yang digunakan harus mempunyai wajah yang sesuai dengan nilai yang diberikan. Dengan kata lain, font-stretchtidak akan berfungsi pada fon apa pun, tetapi hanya pada fon yang direka dengan wajah yang berbeza yang sesuai dengan ukuran yang ditentukan.

p ( font-stretch: ultra-condensed; )

font-stretch menerima salah satu nilai berikut:

  • ultra-condensed
  • extra-condensed
  • condensed
  • semi-condensed
  • normal
  • semi-expanded
  • expanded
  • extra-expanded
  • ultra-expanded

Sekiranya fon tertentu tidak mewakili semua wajah, nilai yang digunakan akan dipetakan ke wajah setara terdekat. Nilai normal atau kental akan memetakan ke fon yang lebih sempit dan nilai yang diperluas akan memetakan ke wajah yang lebih luas, atau wajah yang lebih sempit yang terdekat.

Dalam menyokong penyemak imbas, font-stretchboleh digunakan sebagai sebahagian daripada fontharta tanah.

Sokongan Penyemak Imbas

Chrome Safari Firefox Opera IE Android iOS
tiada tiada 9+ tiada 9+ tiada tiada