As reticências CSS não funcionam em fontes específicas da web
Estou tendo um problema estranho com uma seção do meu site. em uma tag h2, desejo usar a propriedade de reticências CSS sempre que o texto ultrapassar o tamanho da tela.
Agora, esta é uma seção repetitiva que estou usando nesta página - e a única diferença é a fonte aplicada à tag h2 - então eu sei que o estilo CSS que estou usando é bom (overflow: oculto, text-overflow: reticências e etc ...)
Alguém pode me ajudar a descobrir qual é o problema?
aqui está uma captura de tela da seção que está funcionando da maneira certa:
aqui está uma imagem da seção que não está funcionando da maneira certa
Você pode visitar o site em - https://www.hacollective.com/ e teste no tamanho do celular para ver a diferença.
O id da parte com o problema h2 é "col-221542828"
Desde já, obrigado,
Shahar.
Respostas
O problema com pontos de elipse ausentes está na fonte especificada para isso h2
- font-family: tzur,sans-serif!important
.
Aqui:
.font-tzur {
font-family: tzur,sans-serif!important;
}
Que são carregados do font-load-tzur.css
arquivo.
Verifique a exatidão de carregar esta fonte tzur
.
Por exemplo - Se você colocar uma fonte diferente, os pontos de elipse aparecerão.