Custom code font

[intrnl]

Make it easy for users to choose their own code font, currently I have this snippet of CSS where it can easily break at anytime due to changes no matter how large or small.

.bBrJyO {
	font-family: sans-serif;
}

.buBiHK, /* Homepage code example */
.ckbNLI, /* Directory tree header */
.gxMGxq, /* Directory tree entry */
.jeLmvk, /* Directory tree up entry */
.iJPfxe, /* File path */
.iRDwdS, /* File LOC */
.jBicmA, /* File size */
.kBthvh, /* Code viewer */
.dhulmV, /* Selected definition */
.ktSXeD, /* Definition in flyout */
.hdkQmd, /* Definition LOC in flyout */
.bEUCKo, /* Matched code in flyout */
.iklEZP  /* Selected code in flyout */
{
	font-family: monospace;
}

[tclem]

Oh, that's super annoying b/c those classes are going to change all the time! Good feedback.

[tclem]

OK @intrnl, I've got a fix out now that adds the class code-font-mono to anything that's rendering code in a monospaced font. You might need to hard refresh to force loading a new set of assets, but let me know if that helps (or not)!

[intrnl]

Thank you!

[lf-]

Thanks for adding this! It's not perfect, though, since it also includes inline code. I use this feature for making the font larger, and it disrupts the line height of inline code if I just apply it to every .code-font-mono. It seems I can hack around this with .code-font-mono [data-line-number] but this feels quite hacky indeed.

Can you add something semantically different between inline code and code blocks, perhaps by putting inline code in a <code> or otherwise distinguishing it?