CSS text-rendering Issue in chrome

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

  •  01-06-2022
  •  | 
  •  

문제

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 ?

도움이 되었습니까?

해결책

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

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top