Как пофиксить нестандартный шрифт на сайте?

Question

[Сергей Ильин]

Имею нестандартный шрифт - https://www.behance.net/gallery/35165143/Journalis...
начитался интернетов и Q&A.
1/ скачиваю
2/ иду в "Белку" (https://www.fontsquirrel.com/tools/webfont-generator) и в расширенном (expert) режиме ставлю галки напротив всех форматов.
3/ скачиваю архив - чищу от сопутствующего-ненужного.
4/ Иду в css:

@font-face {
    font-family: 'journalism';
    src:
        url("../fonts/webfontkit-journalism/journalism-webfont.eot") format('eot'),
        url("../fonts/webfontkit-journalism/journalism-webfont.svg") format('svg'),
        url("../fonts/webfontkit-journalism/journalism-webfont.ttf") format('ttf'),
        url("../fonts/webfontkit-journalism/journalism-webfont.woff") format('woff'),
        url("../fonts/webfontkit-journalism/journalism-webfont.woff2") format('woff2');
    font-weight: normal;
    font-style: normal;
}

.text__title h2{
    font-family: 'journalism';
    font-size: 30px;
    color: #053d5a;
}

5/ иду в хтмл:

<div class="text__title">
    <h2>вот тут текст</h2>
</div>

6/ Не работает. Ни в Хроме, ни в Сафари

Скажите, что я делаю не так?

Comments

[WapSter]

Открой консоль и увидишь, что делаешь не так

[Ankhena]

Для современных браузеров достаточно форматов woff2 и woff. Причем сначала woff2 для продвинутых браузеров, а потом woff.
И не забывайте указывать альтернативные шрифты или хотя бы семейство.

А не работает, вероятно, потому что пути к файлам неверные. Либо шрифт кривой.

[Сергей Ильин]

Ankhena, c путями все ок. проблема оказалась там, откуда не ждал: браузер закешировал страничку.

[Ankhena]

Сергей Ильин, привыкайте работать с открытым девтулзом и поставленной галкой disable cache

[Сергей Ильин]

Ankhena, о, прикольно. до этого в девтулз заглядывал только при парсинге страничек

Answer 1

[Lord_Dantes]

Если у вас не стандартный шрифт и вы получили его от дизайна сайта который вы делаете - говорите дизайнеру чтобы скинул вам шрифт. Если ваш проект то удачи))