Q

如何關閉文本抗鋸齒在IE（6/7/8）（VML）

2012-02-05 48 views 4 likes

4

Map 如何關閉文本抗鋸齒在IE（6/7/8）（VML）

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

我有一個通過Raphael JS實現的地圖，它包裝VML和SVG以支持跨Web瀏覽器繪圖。

一切看起來都不錯，除了在IE瀏覽器的字體（6/7/8）

似乎反鋸齒被打開渲染VML的文本，該文本看起來不清晰和模糊，請有沒有辦法把關閉AntiAliasing？

2012-02-05 Mr.Wang from Next Door

A

回答

0

到SVG標籤，添加shape-rendering = 'crispEdges'

這是否解決了問題？

您還可以嘗試將font-smooth : never添加到SVG的樣式中。

2012-02-05 05:39:26 Jonathan

+0

我在SVG中沒有這個問題，我在VML中遇到了問題。 – 2012-02-05 10:36:25

0

嘗試使用不是px在font-size。使用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字體文件。

2014-07-23 12:50:41 Pinal

相關問題