Elips CSS tidak berfungsi pada font web tertentu

Question

Saya mengalami masalah aneh dengan bagian situs saya. pada tag h2, saya ingin menggunakan properti CSS elipsis setiap kali teks melebihi ukuran layar.

Sekarang, ini adalah bagian berulang yang saya gunakan di halaman ini - dan satu-satunya perbedaan adalah font yang diterapkan ke tag h2 - jadi saya tahu gaya CSS yang saya gunakan bagus (overflow: hidden, text-overflow: elipsis, dan dll ...)

Adakah yang bisa membantu saya menemukan apa masalahnya?

berikut adalah tangkapan layar dari bagian yang berfungsi dengan benar:

berikut adalah tangkapan layar dari bagian yang tidak berfungsi dengan benar

Anda dapat mengunjungi situs di - https://www.hacollective.com/ dan uji dalam ukuran ponsel untuk melihat perbedaannya.

ID bagian dengan masalah h2 adalah "col-221542828"

Terima kasih sebelumnya,

Shahar.

Answer 1

Masalah dengan titik elips yang hilang terletak pada font yang ditentukan untuk ini h2- font-family: tzur,sans-serif!important.

Sini:

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

Yang dimuat dari font-load-tzur.cssfile.

Periksa kebenaran memuat font ini tzur.

Misalnya - Jika Anda meletakkan font yang berbeda, titik elips akan muncul.