защо не е добра идея да ползваме CSS transform rotate

[happyslacker]

Ето снимка на част от сайта eatlikeagoddess.com, където се прилага завъртане чрез CSS:

Вариант без въртене:

При завъртане се наблюдават цветни пиксели, заради ефектите от неправилното заглаждане на ниво пиксел (софтуера не е предвиден да заглажда наклонени букви - първо буквите се заглаждат, после се накланят и се получават цветни пиксели там, където трябва да са бели).

Ползвам Ubuntu с настройки за заглаждане на ниво пиксел:

<?xml version="1.0"?>
<!DOCTYPE fontconfig SYSTEM "fonts.dtd">
<fontconfig>
<match target="font" >
  <edit mode="assign" name="hinting" >
   <bool>true</bool>
  </edit>
 </match>
 <match target="font" >
  <edit mode="assign" name="hintstyle" >
   <const>hintfull</const>
  </edit>
 </match>
 <alias>
  <family>sans-serif</family>
  <prefer>
   <family>DejaVu Sans</family>
  </prefer>
 </alias>
 <alias>
  <family>serif</family>
  <prefer>
   <family>DejaVu Serif</family>
  </prefer>
 </alias>
 <alias>
  <family>monospace</family>
  <prefer>
   <family>DejaVu Sans Mono</family>
  </prefer>
 </alias>
 <match target="font" >
  <edit mode="assign" name="rgba" >
   <const>rgb</const>
  </edit>
 </match>
 <match target="font" >
  <edit mode="assign" name="antialias" >
   <bool>true</bool>
  </edit>
 </match>
</fontconfig>