CSS省略号不适用于特定的web字体



我的网站的一部分出现了一个奇怪的问题。在h2标记上,我想使用CSS省略号属性每当文本溢出屏幕大小时。

现在,这是我在这个页面上使用的一个重复部分,唯一的区别是应用于h2标签的字体,所以我知道我使用的CSS样式很好(溢出:隐藏,文本溢出:省略号,等等…(

有人能帮我找出问题出在哪里吗?

以下是以正确方式工作的部分的屏幕截图:

这是不工作的部分的屏幕截图正确的

您可以访问网站-https://www.hacollective.com/并测试移动设备的大小以查看差异。

具有h2问题的部分的id是"h2";col-221542828";

提前感谢

沙哈尔。

椭圆点缺失的问题在于为此h2-font-family: tzur,sans-serif!important指定的字体。

此处:

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

它们是从font-load-tzur.css文件中加载的。

检查加载此字体tzur的正确性。

例如-如果您使用不同的字体,则会出现椭圆点。

最新更新