IEでテキストを回転させると、醜くなることはありません

Question

テキストを反時計回りに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 /クローム - 対 - インターネットエクスプローラー：

Internet Explorerは、よりエレガントな方法（おそらくJavascriptを/ jQueryの）でテキストを回転することができる方法はありますか？私はグーグルで行ってきましたが、私はこのメソッドへのより多くの参照を見つけることができます...

Answer 1

IEのRenderEngineはひどいです...私は背景画像で作業しようとします。多分フォント交換のようなCufonは、より良い仕事をするでしょう。 Cufonはあなたのテキストのイメージを生成します。私が知る限り、IEでうまく動作します。

Answer 2

（@swishmillerが言ったように）私はGoogleのフォントAPIまたはCufonいずれかを示唆し、または IEでアンチエイリアシング（ClearTypeの）を無効にするので、フォントは常に平滑化されていない見て（その単語ですか）？

GoogleのフォントAPI：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); 

私はGoogleのフォントAPIの修正を試していませんでしたことを言及すべきである[編集] ...

Answer 3

IEのテキストレンダリングエンジンを定義しています。しかし、それは実行可能です。

フィルタ：は、要素がのレイアウト（つまりズーム）であることが必要です。要素に背景色を付けることで、レンダリングの問題（ほとんどの場合）を打ち負かすことができます。あなたの例で次のように試してみてください。

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

Answer 4

は-ms-書き込みモードプロパティを試してみてください。 http://msdn.microsoft.com/en-in/library/ie/ms531187%28v=vs.85%29.aspx