Help wanted: improving the Font usage in docs

documentation
1

I’ve done a lot of work speeding up and improving the docs over the last few weeks

If somebody is good with css and fonts etc and would like to get involved, there’s a little bit of tuning and updating required

  • update the fonts (material design, roboto and font awesome), preferably add in a reduced build, including only the icon fonts which are used
  • fix the font flash on load, i.e try Struct :: Lucee Documentation

You can find all the related code here

2

The CSS for the font sizing should be “fluid” for better responsiveness. See Fluid Typography | CSS-Tricks - CSS-Tricks

3

p.s. Recommended watch: - YouTube

(not sure why there is no preview)

4

looks like something changed with the google roboto font used for the docs?

nothing has changed server side recently, but it’s now much thinner and harder to read, any ideas?

image
image734×337 30 KB

5

It seems to be ok for me in Windows 10, I’ve tested in Edge and Chrome 66 and both render the font the same, font weight seems to be a bit heavier than your screenshot:

image
image732×380 26 KB

Which OS / browser are you using?

6

Interestingly, Discourse does also optimise/re-process images after hitting the “Reply” button… so the above screenshot looks a little worse than it does when it appears directly on my screen.

7

win 10, chrome stable and canary, but only on my desktop, laptop looks fine (same combos)

8

Did you install the Roboto (TTF) font onto your system? That could perhaps give you different results to the web font?

If all fonts were a problem then you could run the ClearType wizard, but if it’s just this one font then I can’t think of any other reasons.

9

nup, roboto isn’t installed locally

I did just update both intel and nvidia drivers, a reboot didn’t help

anyway, if anyone else sees this problem, chime in

10

it’s changed on my laptop too, just found this bug report