CSS-Auslassungspunkte funktionieren bei bestimmten Web-Schriftarten nicht
Ich habe ein seltsames Problem mit einem Abschnitt meiner Website. Auf einem H2-Tag möchte ich die CSS-Auslassungs-Eigenschaft verwenden, wenn der Text die Bildschirmgröße überschreitet.
Dies ist ein sich wiederholender Abschnitt, den ich auf dieser Seite verwende - und der einzige Unterschied besteht in der Schriftart, die auf das h2-Tag angewendet wird. Daher weiß ich, dass der von mir verwendete CSS-Stil gut ist (Überlauf: versteckt, Textüberlauf: Auslassungspunkte und usw...)
Kann mir jemand helfen, das Problem zu finden?
Hier ist ein Screenshot des Abschnitts, der richtig funktioniert:
Hier ist ein Screenshot des Abschnitts, der nicht richtig funktioniert
Sie können die Website besuchen unter - https://www.hacollective.com/ und testen Sie in mobiler Größe, um den Unterschied zu sehen.
Die ID des Teils mit dem h2-Problem lautet "col-221542828".
Danke im Voraus,
Shahar.
Antworten
Das Problem mit fehlenden Ellipsenpunkten liegt in der dafür angegebenen Schriftart h2- font-family: tzur,sans-serif!important.
Hier:
.font-tzur {
font-family: tzur,sans-serif!important;
}
Welche werden aus der font-load-tzur.cssDatei geladen .
Überprüfen Sie die Richtigkeit des Ladens dieser Schriftart tzur.
Beispiel: Wenn Sie eine andere Schriftart eingeben, werden die Ellipsenpunkte angezeigt.