All geek questions in one place

How to disable AntiAliasing text in IE (6/7/8) (VML)

Map

http://i.stack.imgur.com/YZp6L.jpg !

I have a map implemented through Raphael JS that wraps VML and SVG to support cross-web browser.

Everything looks good except for the font in IE (6/7/8)

AntiAliasing seems to be enabled for rendering text in VML, and the text looks fuzzy and blurry, please, is there a way to disable AntiAliasing?

+4
source share
2 answers

Add shape-rendering = 'crispEdges' SVG tag

Does this solve the problem?

You can also try adding font-smooth : never to your styles for SVG.

0
source
  • Try using px in font-size . Use pt or % .
  • You can use @font-face with eot font eot . Custom fonts are rendered without smoothing.

Example:

 <html> <head> <style type="text/css"> @font-face { font-family:comic; src:url(http://valid_url/some_font_file.eot); } </style> </head> <body> <p style="font-family: comic; font-size: 18pt;">This paragraph uses the font-face rule defined in the above style element. The rule embeds an OpenType file for the Comic Sans font. </p> </body> </html>

You can use the FontSquirrel generator to create an eot font eot .

0
source

Source: https://habr.com/ru/post/1394834/

More articles:


All Articles