98.css icon indicating copy to clipboard operation
98.css copied to clipboard

blurry text?

Open frogmoji opened this issue 2 years ago • 9 comments

i've noticed that the text goes blurry in places, and i'm not sure how to fix it. i don't think it's a problem with my coding, as it happens even with very basic text boxes. has anyone found a fix for this? blurry text

frogmoji avatar Nov 10 '23 23:11 frogmoji

I've just gone through the same thing. This happens when the text does not start exactly at a pixel offset. Be careful about using center and padding in any unit other than pixels

spencerflem avatar Dec 12 '23 05:12 spencerflem

@frogmoji Hi! Was spencerflem's answer useful? Do you think it would have been useful to have this problem documented?

chanagaray avatar Dec 20 '23 13:12 chanagaray

was a fix for this ever found? i use pixel padding but it still happens, sometimes it randomly goes from normal to blurry mid sentence.

909oce avatar Feb 23 '24 22:02 909oce

was a fix for this ever found? i use pixel padding but it still happens, sometimes it randomly goes from normal to blurry mid sentence.

By chance are you viewing on a screen with the display scale set to > 100%? That's the other thing I've found that reliably causes blur, but its more hassle to compensate for

spencerflem avatar Feb 24 '24 02:02 spencerflem

was a fix for this ever found? i use pixel padding but it still happens, sometimes it randomly goes from normal to blurry mid sentence.

By chance are you viewing on a screen with the display scale set to > 100%? That's the other thing I've found that reliably causes blur, but its more hassle to compensate for

No it's set to 100%. The slight workaround I'm using is adding margins on text where its blurry between 0.1px and 0.5px. It ever so slightly shifts stuff into focus.

909oce avatar Feb 24 '24 02:02 909oce