Wielokropek CSS nie działa w przypadku określonych czcionek internetowych

Question

Mam dziwny problem z sekcją mojej witryny. na tagu h2 chcę używać właściwości wielokropka CSS, gdy tekst przekracza rozmiar ekranu.

Teraz jest to powtarzalna sekcja, której używam na tej stronie - a jedyną różnicą jest czcionka zastosowana do tagu h2 - więc wiem, że styl CSS, którego używam, jest dobry (przepełnienie: ukryty, przepełnienie tekstu: wielokropek i itp...)

Czy ktoś może mi pomóc znaleźć problem?

oto zrzut ekranu sekcji, która działa we właściwy sposób:

tutaj jest zrzut ekranu sekcji, która nie działa prawidłowo

Możesz odwiedzić tę witrynę pod adresem - https://www.hacollective.com/ i przetestuj na telefonie komórkowym, aby zobaczyć różnicę.

Identyfikator części z problemem h2 to „col-221542828”

Z góry dziękuję,

Shahar.

Answer 1

Problem z brakującymi punktami elipsy dotyczy czcionki określonej dla tego h2- font-family: tzur,sans-serif!important.

Tutaj:

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

Które są ładowane z font-load-tzur.csspliku.

Sprawdź poprawność wczytania tej czcionki tzur.

Na przykład - jeśli umieścisz inną czcionkę, pojawią się punkty elipsy.