45

Apple.SE has a much nicer design for kbd tags:

enter image description here

It works much better for embedding it in other text (e.g. an explanation) as it contains a sans-serif font and a more subtle border. The style currently used on Super User disrupts the text flow and makes reading explanations that contain embedded kbd formatted keys more difficult. For example from here:

enter image description here

It also uses a real font, instead of the browser's default. kbd is probably the only part of SU that uses the default font, given how often a sequence of preferred monospaced fonts is declared in the CSS file.


Please change the style for kbd tags used on SU and MSU to something similar to the style used on Apple.SE to improve legibility of posts that use this formatting.

13
  • 1
    I'm very much for this.
    – Sathyajith Bhat Mod
    Jan 12, 2012 at 11:39
  • For this topic, a separate answer to vote for doesn't make sense IMO. Please agree with my request by up voting, disagree by down voting.
    – Daniel Beck Mod
    Jan 12, 2012 at 11:40
  • @DanielBeck Yup, it's always been like that for feature-requests on all Metas, it wouldn't make sense to answer it.
    – slhck
    Jan 12, 2012 at 12:37
  • 7
    Here, here! The formatting of the <kbd> tag has always seemed rather atrocious.
    – nhinkle
    Jan 12, 2012 at 17:18
  • 1
    Amusing post on meta.SO about the same topic =) Jan 12, 2012 at 19:34
  • 1
    @nhinkle Any idea how we can actually make this happen? Votes look pretty good so far.
    – Daniel Beck Mod
    Jan 14, 2012 at 11:00
  • 1
    @DanielBeck I can ask a dev to look into it.
    – nhinkle
    Jan 14, 2012 at 19:46
  • @nhinkle Could you get confirmation that they can do this, and once confirmed, we'll give it another two days or so for counterarguments to come up, then we'll see what the score is?
    – Daniel Beck Mod
    Jan 14, 2012 at 19:52
  • @DanielBeck I can assure you that it would be possible to change, but I don't know if they'll want to invest the time. I assume it wouldn't be too hard. If you want to wait for counterarguments, let's just wait another couple days and I'll bring it to them then.
    – nhinkle
    Jan 14, 2012 at 20:38
  • Not really a counter-argument, but I don't think that we should have the same <kbd> style as Apple.SE as we deal with more than apple products. Perhaps potential styles could be answers?
    – soandos
    Jan 15, 2012 at 7:24
  • @soandos we have the same kbd style as stack overflow, but don't deal with programming either... It doesn't need to be identical, but the fact remains the current style is horrible to read. If You find a better one than apple.se, present it here, and we can take a vote which style is the du communitys favourite.
    – Daniel Beck Mod
    Jan 15, 2012 at 9:37
  • @DanielBeck I passed this along to the team. They sent a message to Jin (the designer for SE) to take a look at it.
    – nhinkle
    Jan 19, 2012 at 5:34
  • 5
    I plan to make some tweaks to the KBD styling for the Trilogy site. Stay tuned.
    – Jin
    Jan 28, 2012 at 23:39

1 Answer 1

14

The keyboard on Apple.SE also looks much better than the one on MSO:

enter image description here

1

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .