Font-stretch - CSS-хитрости

Anonim

font-stretchНедвижимость, введенный в CSS3, выбирает нормальный, плотный или расширенный лицо от шрифта.

Чтобы использовать font-stretchи увидеть какой-либо результат, используемый шрифт должен иметь начертание, соответствующее заданному значению. Другими словами, font-stretchне будет работать только с любым шрифтом, а только со шрифтами, которые разработаны с разными начертаниями, соответствующими определенным размерам.

p ( font-stretch: ultra-condensed; )

font-stretch принимает одно из следующих значений:

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

Если в конкретном шрифте представлены не все начертания, любое используемое значение будет сопоставлено с ближайшим эквивалентным начертанием. Нормальные или сжатые значения будут отображаться на более узкий шрифт, а расширенные значения будут отображаться на более широкую грань или ближайшую более узкую грань.

В поддерживающих браузерах font-stretchможет использоваться как часть fontсокращенного свойства.

Поддержка браузера

Хром Сафари Fire Fox Опера IE Android iOS
никто никто 9+ никто 9+ никто никто