Почему @font-face неправильно читает шрифт?

Question

[Андрей]

Имеются сторонние шрифты Segoe UI для сайта. Уже есть примененный обычный тип этого шрифта, который без эффектов. Пытаюсь применить semi-light версию, но выходит шрифт с засечками! Хотя сам шрифт "лысый", так сказать. Вот код CSS:

@font-face {
    font-family: Segoeui;
    src: url("../fonts/segoeui.ttf");
}

@font-face {
    font-family: Segoeui;
    src: url("../fonts/segoeuisl.ttf");
    font-weight: lighter;
}

div.content-text p {
    font-family: Segoeui;
    font-weight: lighter;
}

Такая фигня... Все пути указаны правильно, проверял 25 раз. Пробовал создать отдельную семью или поставить его взамен шрифта без эффектов - все равно.

Answer 1

[aen]

Попробуйте Bulletproof @font-face Syntax от Paul Irish.

Answer 2

[benderskiy]

Попробуй так:

@font-face {
    font-family: 'Segoeui Light';
    src: url("../fonts/segoeuisl.ttf");
}

div.content-text p {
    font-family: 'Segoeui Light';
}