Многоточие CSS не работает с определенными веб-шрифтами

Question

У меня странная проблема с разделом моего сайта. в теге h2 я хочу использовать свойство многоточия CSS всякий раз, когда текст выходит за пределы экрана.

Теперь это повторяющийся раздел, который я использую на этой странице, и единственная разница заключается в шрифте, примененном к тегу h2, поэтому я знаю, что стиль CSS, который я использую, хорош (переполнение: скрытый, переполнение текста: многоточие и и т.д...)

Может ли кто-нибудь помочь мне найти, в чем проблема?

вот скриншот раздела, который работает правильно:

вот скриншот раздела, который работает некорректно

Вы можете посетить сайт по адресу - https://www.hacollective.com/ и протестируйте в мобильном размере, чтобы увидеть разницу.

Идентификатор части с проблемой h2: col-221542828.

Заранее спасибо,

Шахар.

Answer 1

Проблема с отсутствующими точками эллипса заключается в указанном для этого шрифте h2- font-family: tzur,sans-serif!important.

Вот:

.font-tzur {
    font-family: tzur,sans-serif!important;
}

Которые загружаются из font-load-tzur.cssфайла.

Проверьте правильность загрузки этого шрифта tzur.

Например - если вы установите другой шрифт, появятся точки эллипса.