Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Vertical alignment is inconsistent between variable and non-variable files #377

@tay1orjones

Description

@tay1orjones

There's been a longstanding issue open regarding the Carbon website and the vertical alignment of text with certain components, carbon-design-system/carbon#3922

After some further debugging, it appears the cause is the usage of the variable font. When I flip between the variable and the non-variable font family, a noticable shift happens. So far I've seen this in iOS Safari, Chrome, and Firefox. In the videos below I override the font family to be non-vf, wait for the build to finish which automatically updates the browser after a few seconds - you can see the text shift at the end of each video.

small.shift.in.chrome.mov
firefox.shift.mov
shifting.mov

Metadata

Metadata

Assignees

Labels

futureseverity: 4Affects minor functionality, no workaround needed

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions