Skip to content

Brand Footer paragraph font weight is incorrectly represented #1009

@quamsta

Description

@quamsta

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:

Image

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions