Letter-spacing in Sphinx CSS?

Hello,

Why do we have letter-spacing: -0.01em in the CSS generated by Sphinx?
Could we remove that? It makes the main text font look really bad
for me (I can attach an image if anyone wishes to take a look). Fonts
already have appropriate tracking built-in, so trying to change that,
especially without knowing the font name beforehand, is shooting
oneself into the foot.

Dmitri

Looking through the history with git, it looks like it was just
grandfathered in from the original template that the current template
is based off of. I don't think that it is going to hurt to remove it.

Also, another problem with the current CSS is that some of the
different heading types (IIRC in particular <h2> and <h3>) are very
difficult to distinguish, which makes some documents very difficult to
navigate. Any ideas about how to fix that? One easy way I tried was to
bump the margin a bit on the <h3> to make it indented relative to the
<h2>, making it distinguishable, but if you have a better and more
aesthetically pleasing suggestion I'd like to do that instead.

--Sean Silva

I'm fine with removing the letter spacing and doing something to help
distinguish <h{2,3}>.

- Michael Spencer

Sean and Michael,

Thank you for looking at this. I removed letter-spacing in r164921.

The h2/h3 issue could be resolved by making the h2 font slightly
bigger. Or we could try to copy Wikipedia's approach by using
different formatting for different levels (for example, we could
remove the background rectangle from h3 and lower, but instead make
them bold).

Dmitri

The h2/h3 issue could be resolved by making the h2 font slightly
bigger.[...]

I think that the fonts are already different, so I don't think that
changing the font size is going to significantly improve it.

[...] Or we could try to copy Wikipedia's approach by using
different formatting for different levels (for example, we could
remove the background rectangle from h3 and lower, but instead make
them bold).

I think this is a good idea.

Another idea that comes to my mind is to do something like this:

h3:before { content: "> "; }
h4:before { content: ">> "; }
h5:before { content: ">>> "; }

This makes the nesting completely unambiguous.

What do you think?

--Sean Silva