Inlined code/literals are difficult to distinguish

[manfre]

The inlined code appears to only have a monospace font set and with a font size that is slightly larger than the surrounding text. This makes it difficult to see that it is different than that surrounding text.

Example, on https://docs.djangoproject.com/en/1.7/topics/db/sql/, find "Person.objects.all()".

[timgraham]

In an earlier iteration of the design, the fonts were very different and it was a bit disruptive in my opinion. In the old design the main text was black and the inline literals were green. Do you think a color change might help here or did you have something else in mind?

[manfre]

Subtle color changes won't really help make it stand out or multiple word literals be cohesive. Giving them the same background color as .highlight and a little bit of side padding helps a lot.

tt.docutils.literal {
background-color: rgb(248, 248, 248);
padding-left: 2px;
padding-right: 2px;
}

[foresmac]

I think part of the problem is that Roboto and Inconsolata also have glyph shapes and metrics that are too similar. I'd suggest using the body text from the style guide (Palatino?) instead and use Roboto for callouts, block quotes (maybe), side bars, etc.

[manfre]

Font choice may be part of the problem, but definitely cannot be the only change to make this readable for everyone.

[foresmac]

Agreed. (Hence, "...part of the problem...".)

[jezdez]

Not sure if #263 fixes the problem for you, can anyone try it out?