Olivero's elements are inheriting the font from the user agent stylesheet. They should be inheriting the font from the the theme.

This can be fixed by adding a font-family: inherit; to the CSS codebase. We need to make sure to run yarn lint:css to make sure the declaration is in the correct order.

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

mherchel created an issue. See original summary.

andy-blum’s picture

Patch attached

mherchel’s picture

Status: Active » Reviewed & tested by the community

Looks good (pending tests)!

lauriii’s picture

Looks good 👍 This can be committed after the freeze.

  • lauriii committed df65e9f on 9.3.x
    Issue #3224466 by andy-blum, mherchel: Olivero: <button> elements are...

  • lauriii committed 61e0890 on 9.2.x
    Issue #3224466 by andy-blum, mherchel: Olivero: <button> elements are...
lauriii’s picture

Status: Reviewed & tested by the community » Fixed

Committed df65e9f and pushed to 9.3.x. Also cherry-picked to 9.2.x because Olivero is experimental. Thanks!

lauriii’s picture

Version: 9.3.x-dev » 9.2.x-dev

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.