当前位置：文江博客话题详情

VML raphael internet-explorer antialiasing

如何关闭IE中的文本抗锯齿功能(6/7/8)(VML)

发布于 2025-01-02 08:55:12 字数 333 浏览 0 评论 0原文

https://i.sstatic.net/YZp6L.jpg！

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

一切看起来都很好，除了 IE(6/7/8) 中的字体

，在 VML 中渲染文本时似乎打开了抗锯齿功能，并且文本看起来不清晰且模糊，请问有没有办法关闭抗锯齿功能？

收藏 0

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

评论（2）

冰雪之触 2025-01-09 08:55:13

在 SVG 标记中添加 shape-rendering = 'crispEdges'

这是否可以解决问题？

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

回复收藏 0 原文

无风消散 2025-01-09 08:55:13

尝试在 font-size 中不使用 px。使用 pt 或 %。
您可以将 @font-face 与 eot 字体格式结合使用。自定义字体无需抗锯齿即可渲染。

示例：

<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 字体文件。

Try to use not px in font-size. Use pt or %.
You can use @font-face with eot font format. Custom fonts render without antialiasing.

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 FontSquirrel generator to generate EOT font file.

回复收藏 0 原文

~没有更多了~

关于作者

暂无简介

文章

评论

26 人气

关注发私信

相关话题

热门标签

操作系统程序设计 IT运维 Linux系统管理 JavaScript 服务器应用 solaris C/C++ PHP Shell BSD Vue.js aix Oracle Python HTML 系统管理 HTML5 CSS 前端

推荐作者

Promise

文章 0 评论 0

qq_lbRlsh

文章 0 评论 0

待＂谢繁草

文章 0 评论 0

yy2010hell

文章 0 评论 0

漫无边际

文章 0 评论 0

傲娇萝莉攻

文章 0 评论 0

友情链接

我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的隐私政策了解更多相关信息。单击 接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。

原文