
http://i.stack.imgur.com/YZp6L.jpg!
我有一个通过拉斐尔JS实现的地图,它包装了VML和SVG,以支持跨web浏览器绘图。
除了IE中的字体(6/7/8)外,其他所有内容看起来都很好
似乎AntiAliasing打开了在VML中渲染文本,文本看起来不清晰和模糊,有什么方法可以关闭AntiAliasing吗?
发布于 2012-02-05 13:39:26
在SVG标记中添加shape-rendering = 'crispEdges'
这能解决问题吗?
您还可以尝试将font-smooth : never添加到SVG的样式中。
发布于 2014-07-23 20:50:42
font-size中使用not px。使用pt或%.eot字体格式的@font-face。自定义字体在没有antialiasing.的情况下呈现
示例:
<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字体文件。
https://stackoverflow.com/questions/9147165
复制相似问题