@ font-face и неправильное отслеживание букв / интервал

Я столкнулся с проблемой использования @ font-face при создании веб-сайта. Шрифт установлен на моем ПК, я ' Я скачал его с сайта fontsquirrel.com.

Если я использую версию, установленную на моем ПК (журнал), все будет хорошо, как вы можете видеть на следующем снимке экрана:

_{(источник: valeriobulla.it )}

Однако, как только я переключаюсь на версию @ font-face, отслеживание букв (особенно Ts) меняется и выглядит неработающим:

_{(источник: valeriobulla.it )}

Вот код для @ font-face (набор шрифтов, загруженный из font squirrel):

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

А вот стиль элемента (div):

#assignment-text {
font-family: Journal, JournalRegular, serif;
font-size: 3em;
text-align: center;
width: 340px;
position: absolute;
top: 200px;
left: 320px;
color: #000;
}

Используя журнал, на моем ПК все в порядке. Принуждение к JournalRegular (путем комментирования журнала) нарушает интервалы. Я разрабатываю на местном уровне. Проверено в: ПК с Windows 7 (с установленным шрифтом): Firefox 7, Chrome, Opera, IE9. Macbook (без установленного шрифта): Firefox, Safari.

Это известная проблема? Я искал, но не могу найти решения.