Ответ 1
RenderEngine IE ужасен... Я бы попытался работать с фоновыми изображениями. Возможно, Замена шрифта, например Cufon, будет лучше работать. Cufon генерирует изображения вашего текста. Насколько я знаю, хорошо работает в 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 - vs - Internet Explorer:
Есть ли способ, которым Internet Explorer может повернуть текст более элегантным способом (возможно, Javascript/jQuery)? Я был Googling, но я могу найти больше ссылок на этот метод...
RenderEngine IE ужасен... Я бы попытался работать с фоновыми изображениями. Возможно, Замена шрифта, например Cufon, будет лучше работать. Cufon генерирует изображения вашего текста. Насколько я знаю, хорошо работает в IE.
Отключает механизм рендеринга текста в IE; однако, это выполнимо.
фильтр: требует, чтобы элемент имел макет (т.е. масштабирование). Вы можете побороть проблему рендеринга (большую часть времени), предоставив элементу цвет фона. Попробуйте следующее в вашем примере:
zoom:1;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
background-color:white;
Я бы предложил 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...
Свойство Try -ms-write-mode: http://msdn.microsoft.com/en-in/library/ie/ms531187%28v=vs.85%29.aspx