La elipsis de CSS no funciona en fuentes web específicas
Tengo un problema extraño con una sección de mi sitio. en una etiqueta h2, quiero usar la propiedad de puntos suspensivos de CSS siempre que el texto desborde el tamaño de la pantalla.
Ahora, esta es una sección repetitiva que estoy usando en esta página, y la única diferencia es la fuente aplicada a la etiqueta h2, así que sé que el estilo CSS que estoy usando es bueno (overflow: hidden, text-overflow: ellipsis, y etc ...)
¿Alguien puede ayudarme a encontrar cuál es el problema?
aquí hay una captura de pantalla de la sección que está funcionando correctamente:
aquí hay una captura de pantalla de la sección que no funciona correctamente
Puede visitar el sitio en: https://www.hacollective.com/ y prueba en tamaño móvil para ver la diferencia.
La identificación de la pieza con el problema de h2 es "col-221542828"
Gracias por adelantado,
Shahar.
Respuestas
El problema con los puntos de elipse que faltan radica en la fuente especificada para esto h2- font-family: tzur,sans-serif!important.
Aquí:
.font-tzur {
font-family: tzur,sans-serif!important;
}
Que se cargan desde el font-load-tzur.cssarchivo.
Compruebe la corrección de la carga de esta fuente tzur.
Por ejemplo, si pones una fuente diferente, aparecerán los puntos de elipse.