字体族样式只在元素可见后的视窗

Question

我使用的是自定义字体，在滑动条内的标题上的字体更改仅在导航到该滑动条后应用。为什么会这样呢?

视频上传到微软OneDrive: https://1drv.ms/v/s!AjyQFn2ZJU2StJhee5oFvoEDivx60g?e=EKqd7q -这样更容易看到问题。该网站不对外开放。

Answer 1

该站点位于Squarespace上，当启用该站点的动画时，出现此问题。

在<h2>标签中，动画似乎是通过在标签内添加额外的元素(2)来完成的。每个标签都包含一小部分文本，这些元素不是font-family的CSS代码所针对的。

.locals-guide-slider  h2,
.locals-guide-slider  h2 *,
.locals-guide-slider  h3,
.locals-guide-slider  h3 * {
font-family: "neue-haas-grotesk-display",sans-serif !important;
}