4

地図

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

クロス Web ブラウザーの描画をサポートするために VML と SVG をラップする Raphael JS を介して実装されたマップがあります。

IEのフォント以外はすべて良さそう(6/7/8)

VML でテキストをレンダリングするときにアンチエイリアシングがオンになっているようですが、テキストが不鮮明でぼやけているように見えます。アンチエイリアシングをオフにする方法はありますか?

4

2 に答える 2

0
  1. pxではなく使用してみてくださいfont-size。ptまたはを使用し%ます。
  2. フォント形式@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-23T12:50:41.840 に答える
0

SVGタグに、追加shape-rendering = 'crispEdges'

それで問題は解決しますか？

font-smooth : neverSVG のスタイルに追加することもできます。

于 2012-02-05T05:39:26.403 に答える