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

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

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

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