Mac Safari浏览器中自定义字体仅首页生效、其他页面失效的问题求助

大家好，我最近在做一个网站，给它用了自定义字体「MV Boli」。我生成了@font-face规则，把字体文件放到了子主题的fonts目录里，现在字体在首页显示完全正常，但在Mac的Safari浏览器里，其他页面都加载不出这个字体，试了好几种方法都没解决，想请大家帮忙看看问题出在哪！

我用的@font-face代码是这样的：

@font-face {
font-family: 'MV Boli', sans-serif;
src: url('https://chessteacher.org/wp-content/themes/kadence-child/fonts/MVBoli.eot');
src: url('https://chessteacher.org/wp-content/themes/kadence-child/fonts/MVBoli.eot?#iefix') format('embedded-opentype'),
url('https://chessteacher.org/wp-content/themes/kadence-child/fonts/MVBoli.woff2') format('woff2'),
url('https://chessteacher.org/wp-content/themes/kadence-child/fonts/MVBoli.woff') format('woff'),
url('https://chessteacher.org/wp-content/themes/kadence-child/fonts/MVBoli.ttf') format('truetype'),
url('https://chessteacher.org/wp-content/themes/kadence-child/fonts/MVBoli.svg#MVBoli') format('svg');
font-weight: normal;
font-style: italic;
font-display: swap;
}

这段代码我是加在WordPress后台的「Customize > Additional CSS」里的，麻烦各位帮忙排查下，谢谢大家了！

备注：内容来源于stack exchange，提问作者jhishu singha