3

Using this code at web browsers:

.h1,.h2,.h3,.h4,.h5,.h6{margin:1.25em 0 0.2em;text-rendering:optimizeLegibility}

On WC3 validation Getting error

Property text-rendering doesn't exist : optimizelegibility

and seems this property having some issue for android as here

Is the property no longer exists now?

1 Answer 1

5

It never existed; text-rendering is part of SVG, not CSS.

The text-rendering property is an SVG property that is not defined in any CSS standard. However, Gecko and WebKit browsers let you apply this property to HTML and XML content on Windows, Mac OS X and Linux.

In other words, that text-rendering has an effect on non-SVG elements at all is nonstandard. According to the MDN page, it's not widely supported anyway (Internet Explorer and Opera don't understand it) and the implementations that do exist have known issues.

It might be best to avoid it altogether.

Source: Mozilla Developer Network.

1
  • How we can combinely used svg with css3 in the above format, is there any declaration/ linking required? Jan 16, 2016 at 17:12

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.