Кто знает, почему не срабатывает font-face — правильно..?

Question

[Сергей Громов]

Есть 2 шрифта, Acrom-Regular и Acrom-Bold. подключаю их `@font-face`

@font-face {
    font-family: 'Acrom';
    src: url("../fonts/Acrom-Regular.woff"), url("../fonts/Acrom-Regular.woff2");
    font-weight: 400;
}

@font-face {
    font-family: 'Acrom';
    src: url("../fonts/Acrom-Bold.woff"), url("../fonts/Acrom-Bold.woff2")
    font-weight: 700;
}

Но при когда тексту меняю начертание, то `Acrom-Bold` не подключается а только `Acrom-Regular` принемает начертание 700;

span{
    font-family: 'Acrom';
    font-weight: 700;
}

Но если я подключаю так - то все работает..

@font-face {
    font-family: 'Acrom-bold';
    src: url("../fonts/Acrom-Bold.woff"), url("../fonts/Acrom-Bold.woff2";
}

span{
    font-family: 'Acrom-bold';
    font-weight: 700;
}

Comments

[Ankhena]

;
потеряли

Answer 1

[Олег]

@font-face {
    font-family: 'Acrom';
    src: url("../fonts/Acrom-Regular.woff"), url("../fonts/Acrom-Regular.woff2");
    font-weight: 400;
}

@font-face {
    font-family: 'Acrom';
    src: url("../fonts/Acrom-Bold.woff"), url("../fonts/Acrom-Bold.woff2")
    font-weight: 700;
}

// Не правильно
span{
    font-family: 'Acrom-bold'; // Здесь должно быть 'Acrom'
    font-weight: 700;
}

// Правильно
span {
    font-family: 'Acrom';
    font-weight: 400; // Обычно
}

span {
    font-family: 'Acrom';
    font-weight: 700; // Жирно
}

Comments

[Сергей Громов]

ой, я допустил ошибку в посте, у меня и так там Acrom стоит