Частичное срабатывание font-face на full-ajax сайте

Здравствуйте, столкнулся с одной странной проблемой. Имеется full-ajax сайт, не знаю важно ли это, но вдруг.
С помощью @font-face подключаю кастомный шрифт. Но он срабатывает частично, не зависимо от того в каком браузере открываю.

То есть скажем есть у меня на странице 2 заголовка которые хочу стилизовать

пишу в стилях
h1 {
    font-family: ''MyFont';
}
h2 {
    font-family: '
'MyFont';
}


Один заголовок у меня стилизуется, а второй нет.
Проверяю в консоли и вижу что для обоих элементов прописанный шрифт включен.
Никаких ошибок в консоли нет. Когда это была статичная html верстка все было в порядке, когда добавил логику появилась такая хрень.

Думал может что-то не успевает подгрузиться, поэтому подключение шрифта заменил на data:url.
Изменений ноль.

И еще, если предположить что для каких-то конкретных тегов не срабатывает или только для первого по счету на странице. тоже не подходит.

Пробовал даже вот такой тест:
<ul class="custom-font">
    <li>какой-то текст</li>
    <li>еще какой-то текст</li>
    <li>и еще строка</li>
</ul>

.custom-font li {
   font-family: 'MyFont';
}


При этом стилизуется только один из пунктов, причем не первый а третий. Никакой логики не вижу, и вообще в шоке с этой ситуации.
Буду рад любым идеям.

1 ответов