CSS text-rendering Issue in chrome

StackOverflow https://stackoverflow.com/questions/17162808

  •  01-06-2022
  •  | 
  •  

Question

there is a content in h3 tag, but it not appearing in chrome browser

see the print screen enter image description here

=========

If i hide text-rendering:optimizelegibility It will appear see the print screen enter image description here

What are the role of "text-rendering:optimizelegibility" css property ? and why this content not appearing ?

Was it helpful?

Solution

optimizeLegibility: The browser emphasizes legibility over rendering speed and geometric precision. This enables kerning and optional ligatures.

from https://developer.mozilla.org/en-US/docs/Web/CSS/text-rendering I suggest overwrite css with: text-rendering: auto

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top