Font Sizes from 4px to 99.9px

It acts like a stroboscope [1].

[1] https://en.wikipedia.org/wiki/Stroboscope

Sometimes when I stare at a long build in real time the text aligns like that and my eyes glaze over and I see all sorts of fun vertical patterns

Also I created a nice visual bouncy scroll loop in a comment further down.

That web page was using Comic Sans MS, too, wasn't it

I can't understand why something would be published in that condition - and that it would be considered acceptable and signed off on and stuff :)

Or maybe the page owner never actually visited the website...

> Doesn't work too well on mobile

a font-size value with decimals may be rounded to the nearest whole number, depending on browser

https://developer.mozilla.org/en-US/docs/Web/CSS/font-size#p...

Due to the hinting that improves a visibility for smaller texts. The exact appearance can depend on font, operating system and text rendering stack; in my desktop Firefox with a specific font, 6.0--6.4, 6.6--8.3, 8.6--9.4, 9.7--10.3, 10.6--11.2, 11.5--13.4 and 13.8--14.6 look same to me for the same reason.

Reminds me a bit of star wars lol

Best I've got is

```

    var speed_x = 50, speed_y = 2,
        step = 20, stop_after = 60 * 1000;
    
    var t = setInterval(function(){
        // scrollY faster for larger text
        let ymod = 1 + (50 * ((scrollY / scrollMaxY)**2))
        window.scrollBy(speed_x, speed_y * ymod)
        if ((scrollX >= scrollMaxX) || (scrollX <= 0)){
            speed_x = -speed_x
        }
        if ((scrollY >= scrollMaxY) || (scrollY <= 0)){
            speed_y = -speed_y
        }
    }, step);
    setTimeout(function(){clearTimeout(t)}, stop_after)

    

```

In web 1px defined as 1/96th of an inch

Source: https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_...