4 ms·
Add text-shadow: 0px 0px 1px rgba(0,0,0,.05); (Or any other text-shadow value) This makes a huge difference in Windows Chrome as it apparently causes the font
by JoelSutherland 16y ago
Add text-shadow: 0px 0px 1px rgba(0,0,0,.05); (Or any other text-shadow value)
This makes a huge difference in Windows Chrome as it apparently causes the font to take a different rendering path.
Don't use text-rendering: optimizeLegibility; It ends up doing either nothing or making things look worse on some mobile webkit browsers.
- thedjinn 16y agoKeep in mind though that using the text-shadow hack may cause the text to reflow and jump around when you select it.
- findm 16y agojust tried this out, didn't know about it but it really works well. I didn't see any jumping around-ness when I tested it.
- mariust 16y agoWhen using shadows on text with css you put the users CPU to test, if the users is on a mobile device or slow computer the CPU will work hard to make the shadow look good, so keep that in mind and try to avoid text shadow.