Change handwriting font in docs to some more readable

For example, comments in examples on main page looks like handwriting. It's hard to read for me as I'm not an english native speaker. Also this can affect accessibility

```
font-family: var(--font-mono,Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",);
font-style: italic;
```

Start at the main page examples and inspect the CSS responsible for the comment styling, especially the shown font-family and italic declaration. Replace the hard-to-read handwriting-like presentation with a more readable style, then verify the examples are comfortable to read and do not reduce accessibility.

Written by the indexing model from the issue text.