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

Question

我的网站部分出现奇怪的问题。 在 h2 标签上，我想使用 CSS 省略号 属性 每当文本溢出屏幕尺寸时。

现在，这是我在此页面上使用的重复部分 - 唯一的区别是应用到 h2 标签的字体 - 所以我知道我使用的 CSS 样式很好 （溢出：隐藏，文本溢出：省略号等...）

谁能帮我找出问题所在？

here is a screenshot of the section that is working the right way:

here is a screenshot of the section that is not working the right way

您可以访问该网站 - https://www.hacollective.com/ 并测试移动尺寸以查看差异。

h2问题部分id为“col-221542828”

提前致谢，

沙哈尔

Answer 1

缺少椭圆点的问题在于为此 h2 - font-family: tzur,sans-serif!important.

指定的字体

这里：

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

从 font-load-tzur.css 文件加载。

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

例如 - 如果您输入不同的字体，则会出现椭圆点。