Can the kbd shortcuts be made prettier?

[dense-set]

Description

The kbd shortcuts that Quarto started providing post its v1.3, don't currently seem very pretty and the different symbols look rather out of proportion with bad spacing. For instance, following is a comparison with those in the Arc web browse's Settings:

1. Arc

2. Quarto

Can we make the Quarto rendition more aesthetic?

[mcanouil]

This depends on the font, especially in this case it uses the monospace font (maybe it should not).

Quarto document	HTML
--- title: "Quarto Playground" format: html: include-in-header: - text: | <style> kbd { font-family: var(--bs-font-sans-serif) !important; } </style> --- This is a playground for Quarto. To print, press {{< kbd Shift-Ctrl-P >}}. To open an existing new project, press {{< kbd mac=Shift-Command-O win=Shift-Control-O linux=Shift-Ctrl-L >}}.

[mcanouil]

I created an issue and made a proposal to Quarto team, see #5880

Closing this thread in favour of the issue.