Improve Code Font in Documentation

[ehehela]

I have noticed that the font used for code examples in the Makie documentation makes it difficult to distinguish between commas and periods. This issue hampers readability and understanding of the code. I suggest improving the font used in the documentation to make commas and periods more distinguishable, thereby enhancing the user experience.

Thank you for your attention and efforts!

[jkrumbiegel]

Hm yeah I actually agree it's not a great font, seems to be the VitePress default. If you can find out how to change it, I'd appreciate a PR!

[ehehela]

Sorry, I’m not sure how to change the font as I’m new to Julia. I’ve recently started learning Makie.jl, but I find the current document font tiresome and distracting.

[jkrumbiegel]

It's not a Julia thing, it would be a change in the docs' css files. You could google how to do that for vitepress sites, which is the non Julia tool we're using

[ehehela]

I found that changing the CSS code from --vp-font-family-mono: "Space Mono", Menlo, Monaco, Consolas, "Courier New", monospace to --vp-font-family-mono: Consolas, "Courier New", monospace; makes the code font clearer.

[ehehela]

Maybe we can modify this line? Shall I make a pull request?

Makie.jl/docs/src/.vitepress/theme/style.css

Line 29 in 2e0aabe

--vp-font-family-mono: "Space Mono", Menlo, Monaco, Consolas, "Courier New",

[jkrumbiegel]

Ok this is current "Space Mono"

Menlo

Monaco

Consolas

I like both Menlo and Monaco more than Consolas, at least on my Macbook this renders weirdly thin. So maybe just remove "Space Mono" from the list which I agree doesn't have great comma/point separation and in general seems a bit too "unusual" for docs.

The line you found should be the right place to change this I think

[ehehela]

I have created a PR. Thank you @jkrumbiegel .