Как отключить антиалиасинг текста в IE (6/7/8) (VML) - PullRequest
Новая
       30

Как отключить антиалиасинг текста в IE (6/7/8) (VML)

4 голосов
/ 05 февраля 2012

Map

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

У меня есть карта, реализованная через Raphael JS, которая оборачивает VML и SVG для поддержки рисования в разных браузерах.

Все выглядитхорошо, за исключением шрифта в IE (6/7/8)

кажется, что AntiAliasing включен для рендеринга текста в VML, и текст выглядит нечетким и размытым, пожалуйста, есть ли способ отключить AntiAliasing?

Ответы [ 2 ]

0 голосов
/ 23 июля 2014
  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 файла шрифта.

0 голосов
/ 05 февраля 2012

К тегу SVG добавьте shape-rendering = 'crispEdges'

Решает ли это проблему?

Вы также можете попробовать добавить font-smooth : never в свои стили для SVG.

...