Skip to content

Monospace (code font) is slightly below regular text, and it is noticeable in some situations #185

@aimurphy

Description

@aimurphy

I'm not sure if this is intentional or expected, but I noticed that monospace text is slightly lower than regular text.
It also seems that the offset is inconsistent, but this could be an illusion.

Normally, this isn't noticeable because your eye passes over it as monospaced text. You expect it to look different.

However, in the below preview, the offset was especially noticeable on some lines.
For example, the text in step a looks normal.
But compare that with step b, where the offset between "Google Cloud credentials" and "file" appears to be more severe than other lines. The alternating monospace and regular text in that step also further emphasizes the offset.
I'm not sure if this is an illusion caused by the disparity in character heigh from the s in credentials to the f in file.

Image

I did a very rudimentary test to see if there is actually a difference in the alignment.
IDK if this means I need a break from staring at the site or not, but it does seem there is slightly more monospace text below the green line in step b compared to step a.

Image

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