CSS ellipsis विशिष्ट वेब फोंट पर काम नहीं कर रहा है

Question

मुझे अपनी साइट के एक भाग के साथ एक अजीब समस्या हो रही है। H2 टैग पर, जब भी टेक्स्ट स्क्रीन साइज को ओवरफ्लो कर रहा होता है, मैं CSS ellipsis प्रॉपर्टी का उपयोग करना चाहता हूं।

अब, यह एक दोहरावदार अनुभाग है जिसका उपयोग मैं इस पृष्ठ पर कर रहा हूँ - और अंतर केवल h2 टैग पर लागू फ़ॉन्ट है - इसलिए मुझे पता है कि मैं जिस सीएसएस शैली का उपयोग कर रहा हूँ वह अच्छा है (अतिप्रवाह: छिपा हुआ, पाठ-अतिप्रवाह: दीर्घवृत्त, और आदि...)

क्या कोई मेरी मदद कर सकता है क्या समस्या है?

यहाँ उस अनुभाग का एक स्क्रीनशॉट है जो सही तरीके से काम कर रहा है:

यहाँ उस अनुभाग का एक स्क्रीनशॉट है जो सही तरीके से काम नहीं कर रहा है

आप साइट पर जा सकते हैं - 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।

उदाहरण के लिए - यदि आप एक अलग फ़ॉन्ट रखते हैं, तो दीर्घवृत्त बिंदु दिखाई देगा।