Les points de suspension CSS ne fonctionnent pas sur des polices Web spécifiques

Dec 12 2020

J'ai un problème étrange avec une section de mon site. sur une balise h2, je souhaite utiliser la propriété d'ellipse CSS chaque fois que le texte déborde de la taille de l'écran.

Maintenant, c'est une section répétitive que j'utilise sur cette page - et la seule différence est la police appliquée à la balise h2 - donc je sais que le style CSS que j'utilise est bon (overflow: hidden, text-overflow: ellipsis, and etc...)

Quelqu'un peut-il m'aider à trouver quel est le problème?

voici une capture d'écran de la section qui fonctionne correctement:

voici une capture d'écran de la section qui ne fonctionne pas correctement

Vous pouvez visiter le site à - https://www.hacollective.com/ et testez en taille mobile pour voir la différence.

L'identifiant de la pièce avec le problème h2 est "col-221542828"

Merci d'avance,

Shahar.

Réponses

1 s.kuznetsov Dec 12 2020 at 02:16

Le problème avec les points d'ellipse manquants réside dans la police spécifiée pour cela h2- font-family: tzur,sans-serif!important.

Ici:

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

Qui sont chargés à partir du font-load-tzur.cssfichier.

Vérifiez l'exactitude du chargement de cette police tzur.

Par exemple - Si vous mettez une police différente, les points d'ellipse apparaîtront.