Чем отличается font-weight от font-stretch в CSS?

Основное отличие свойств font-weight и font-stretch в CSS заключается в их функциях.

Font-weight используется для установки насыщенности шрифта, то есть его толщины. www.scaler.com html5book.ru Свойство может принимать такие значения, как normal (нормальная насыщенность), bold (полужирный шрифт), bolder (насыщенность больше, чем у предка) и lighter (насыщенность меньше, чем у предка). html5book.ru

Font-stretch, в свою очередь, служит для установки начертания шрифта: узкое, нормальное или широкое. eqsash.com Свойство позволяет уплотнять или расширять текст. eqsash.com Возможные значения: ultra-condensed (наиболее сжатый шрифт), extra-condensed (второй по сжатости шрифт) и другие. html5book.ru

Таким образом, font-weight фокусируется на толщине шрифта, а font-stretch — на его ширине.