As reticências CSS não funcionam em fontes específicas da web

Dec 12 2020

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

1 s.kuznetsov Dec 12 2020 at 02:16

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.cssarquivo.

Verifique a exatidão de carregar esta fonte tzur.

Por exemplo - Se você colocar uma fonte diferente, os pontos de elipse aparecerão.