html - transform-rotation でフォントが歪まないようにするにはどうすればよいですか?

Question

transform-rotation css プロパティを使用して aa div を回転させているので、自分のページで Facebook や Twitter の固定リンクとして使用できますが、それを使用すると、現在のテキスト フォントが「歪んで」しまいます。回転を外すと、テキストは通常​​に戻ります。これを修正する方法はありますか!?

これが私のウェブサイトです。

私の div はソーシャル [[facebook],[twitter]] です。

内部 div の CSS は次のとおりです。

#facebook,#twitter{
    display:inline-block;
    font-family:"lucida grande",tahoma,verdana;
    font-weight:bold;
    width:125px;
    margin:0px;
}

ソーシャルの CSS は次のとおりです。

#social{
position:absolute;
right:-120px;
bottom:50%;
transform:rotate(-90deg);
-ms-transform:rotate(-90deg); /* IE 9 */
-webkit-transform:rotate(-90deg); /* Safari and Chrome */
}

私が望むのは、テキストがすべて歪んでいるのではなく、透明なクリスタルに見えることだけです。私のフォントを変更/歪めないこれを行う別の方法はありますか!?