search

angular / components

Component infrastructure and Material Design components for Angular
https://material.angular.io
MIT License
24.36k stars 6.74k forks source link

feat(Theme / Typography): css font-stretch #28925

Open BenLune opened 6 months ago

BenLune commented 6 months ago

Feature Description

Hello, Font-stretch CSS property is an important typographic property, to manage condensed and/or expanded font. To define a typography level, we have those properties : font-size, line-height, font-weight, font-family, and letter-spacing I think font-stretch is an important font styling missing rule.

Use Case

No response

nickfortRR commented 1 month ago

@BenLune

When investigating this issue, I could not find any problems with the font-stretch property in Angular.

Font-stretch can only be applied to fonts which support it. Certain fonts allow full font-stretch maniplutaion while others have partial or no support.

I tested multiple fonts in both Angular and a plain HTML page and found no difference in functionality, therefore I do not believe this to be an Angular specific issue. If you would like to try for yourself, go with a font such as League mono (https://mdn.github.io/shared-assets/fonts/LeagueMono-VF.ttf)

You should be able to use the font-stretch property in Angular on this font without any issues.