Use monospace font for code blocks

[ericswpark]

Describe the bug Because the current font used within code blocks has variable width, it messes up formatting if lines reference each other, such as output from a compiler highlighting a bug within a line, for example.

To Reproduce Steps to reproduce the behavior:

1. Create a code block
2. View in browser

Expected behavior Code blocks should not use variable width font

Screenshots Red arrows indicate where the caret should've been shown:

[lxndrblz]

This issue seems to be related to issue #346.

[mike-kfed]

I fixed the problem by replacing the wildcard * {} selector with body {} in assets/scss/partials/_base.scss. Since I don't know why wildcard is used in the first place I am not sending a PR, this potentially breaks other stuff, works for me however :)

[lxndrblz]

@mike-kfed That's a good observation. Would you mind sending a PR with your changes? I could then verify if it has any other side effects or what's the best approach of resolving this quite annoying issue.

[xjasonlyu]

For anyone who needs it, here's a temporary workaround:

• simply put this in your assets/css/custom.css

* {
    font-family: inherit;
}

body {
    font-family: 'PingHei', 'PingFang SC', 'Helvetica Neue', 'Work Sans', 'Hiragino Sans GB', sans-serif;
}