如何在IE（6/7/8）（VML）中关闭文本AntiAliasing

时间：2012-02-05 05:34:12

标签： internet-explorer raphael antialiasing vml

Map

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

我有一张通过Raphael JS实现的地图，它包含了VML和SVG以支持跨Web浏览器绘图。

除了IE（6/7/8）中的字体

外，一切看起来都不错

似乎AntiAliasing已启用VML中的文字渲染，文字看起来不清晰和模糊，请问有没有办法关闭AntiAliasing？

2 个答案:

答案 0 :(得分：0)

要SVG标记，请添加shape-rendering = 'crispEdges'

这是否解决了这个问题？

您也可以尝试将font-smooth : never添加到SVG的样式中。

答案 1 :(得分：0)

  1. 尽量不要在px中使用font-size。使用pt或%。
  2. 您可以@font-face使用eot字体格式。自定义字体无需抗锯齿渲染。

    3. 示例：

    <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>

    您可以使用FontSquirrel生成器生成EOT字体文件。

相关问题
最新问题