-
Notifications
You must be signed in to change notification settings - Fork 1
Description
In brand-footer.scss there's the following CSS:
p {
color: #ccc;
line-height: 1.5;
font-weight: 100;
...
This implies that text in a paragraph tag (usually below the site title/parent site title) should be a font weight of 100, but according to the docs, this line should be used to import Roboto, and in fact is used in SiteNow:
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,400&display=swap" rel="stylesheet" />
However, this line does NOT include a font weight lower than 300 so the browser will default to the lowest weight available, which is 300. While working on an internal application and attempting to use UIDS with a self-hosted version of Roboto that includes the font weight of 100, this is the result:
My suggested fix would be to change the paragraph style to font-weight: 300 or remove that font-weight since font-weight: 100 is very faint and not very readable as seen in the screenshot above, and looks even stranger on lower resolution screens.