Сглаживание шрифтов в web

так подключаються шрифты:

@font-face {
    font-family: 'fontRegular';
    src: url('../fonts/font-webfont.eot');
    src: url('../fonts/font-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/font-webfont.woff') format('woff'),
         url('../fonts/font-webfont.ttf') format('truetype'),
         url('../fonts/font-webfont.svg#fontRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

теперь магия :) весь фокус в том что (во всяком случаи хром) видет и truetype шрифтовый и svg красивый :), так вот что бы было красиво надо svg подключать поверх трутайпа... тоесть так:

@font-face {
    font-family: 'fontRegular';
    src: url('../fonts/font-webfont.eot');
    src: url('../fonts/font-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/font-webfont.svg#fontRegular') format('svg'),
         url('../fonts/font-webfont.woff') format('woff'),
         url('../fonts/font-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

ещё есть варианты, поиграться с цсс типа: text-shadow, -webkit-font-smoothing, text-rendering...

text-overflow...

Бывает когда нужно что бы конец текста обрезался и добавлялось "...", ну или просто обрезался.
Есть такое свойство text-overflow, и 2 значения clip и ellipsis.
Иногда помогает, хотя официально в спецификации его кажется до сих пор нету...