Skip to content

Faux bold applied on functions by the theme #3255

Closed
@romaincazier

Description

@romaincazier

p5.js version

v1.10.0

What is your operating system?

Mac OS

Web browser and version

No response

Actual Behavior

The theme applies font-weight: 700; to functions. However the corresponding files from Google Fonts (Inconsolota) are not loaded, resulting in the browser applying a faux bold. This issue is especially apparent on Safari where you can see the spacing being off:

Screenshot 2024-10-23 at 15 23 48

Don’t mind the weird code formatting, it’s for a business card 🙃

Expected Behavior

The fix is to change server/views/index.js#L15 to:

<link href='https://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
Screenshot 2024-10-23 at 15 24 10

Another fix could be to not change the font-weight of functions

Steps to reproduce

(no steps needed)

Metadata

Metadata

Assignees

No one assigned

    Labels

    Area:CSSFor styling or layout issues handled with CSS/SASSBugError or unexpected behaviorsGood First IssueA beginner-friendly issue, great for first-time contributors

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions