Faire pivoter le texte dans IE, sans qu'il devienne moche

Question

Je voudrais faire pivoter un texte de 90 degrés dans le sens anti-horaire. Firefox et Chrome sont pas de problème, en utilisant:

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

Pour Internet Explorer, il devrait être cette ligne, pour autant que je sais:

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

(L'autre méthode, mode d'écriture, peut seulement faire pivoter le texte dans le sens des aiguilles d'une montre à 90 degrés).

Cependant, dans IE, le texte pivoté ressemble à une image mal mise à l'échelle sur son côté (comparaison ci-dessous).

Firefox/Chrome - vs - Internet Explorer:

Est-il possible qu'Internet Explorer peut faire pivoter le texte d'une manière plus élégante (peut-être avec Javascript/jQuery)? J'ai été googling, mais je ne peux trouver plus de références à cette méthode ...

Answer 1

Le RenderEngine de IE est horrible ... Je voudrais essayer de travailler avec des images de fond. Peut-être un Remplacement de police comme Cufon ferait un meilleur travail. Cufon génère des images de votre texte. Fonctionne bien dans IE pour autant que je sache.

Answer 2

Je suggère soit API Google Fonts ou Cufon (comme @swishmiller dit), ou désactivation de l'Anti-Aliasing (ClearType) dans IE de sorte que les polices sont toujours lissées (est-ce un mot)?

API Google Font: http://code.google.com/webfonts

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

Désactiver 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); 

[modifier] Je dois dire que je ne l'ai pas essayé l'API Google Font solution ...

Answer 3

Il est Def le moteur de rendu de texte dans IE; Cependant, c'est faisable.

Le filtre: exige que l'élément ait disposition (zoom). Vous pouvez battre le problème de rendu (la plupart du temps) en donnant à l'élément une couleur de fond. Effectuez les opérations suivantes sur votre exemple:

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

Answer 4

Essayez propriété -ms-mode d'écriture: http://msdn.microsoft.com/en-in/library/ie/ms531187%28v=vs.85%29.aspx