Поворот текста в IE, без его уродства

Я хотел бы повернуть текст на 90 градусов против часовой стрелки. Firefox и Chrome не проблема, используя:

-webkit-transform-origin: top left;
-webkit-transform: rotate(-90deg);
-moz-transform-origin: top left;
-moz-transform: rotate(-90deg);

Для Internet Explorer это должна быть эта строка, насколько я знаю:

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

(Другой метод режим записи может поворачивать текст по часовой стрелке на 90 градусов).

Однако в IE повернутый текст выглядит как плохо масштабированное изображение на его стороне (сравнение ниже).

Firefox/Chrome Firefox/Chrome - vs - Internet Explorer: Internet Explorer

Есть ли способ, которым Internet Explorer может повернуть текст более элегантным способом (возможно, Javascript/jQuery)? Я был Googling, но я могу найти больше ссылок на этот метод...

Ответы

Ответ 1

RenderEngine IE ужасен... Я бы попытался работать с фоновыми изображениями. Возможно, Замена шрифта, например Cufon, будет лучше работать. Cufon генерирует изображения вашего текста. Насколько я знаю, хорошо работает в IE.

Ответ 2

Отключает механизм рендеринга текста в IE; однако, это выполнимо.

фильтр: требует, чтобы элемент имел макет (т.е. масштабирование). Вы можете побороть проблему рендеринга (большую часть времени), предоставив элементу цвет фона. Попробуйте следующее в вашем примере:

zoom:1;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
background-color:white;

Ответ 3

Я бы предложил API Google Fonts или Cufon (как сказал @swishmiller), или отключить Anti-Aliasing (ClearType) в IE, чтобы шрифты всегда выглядели несовместимыми (это слово)?

API шрифтов Google: http://code.google.com/webfonts

Cufon: http://cufon.shoqolate.com/generate/

Отключить ClearType:

    /* This will force IE into thinking there is a filter actually doing something, so it'll disable ClearType */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);

[edit] Я должен упомянуть, что я не пробовал исправление API Font Google...