Fonts Webfont不能在任何使用@Font face的浏览器上使用（Wordpress网站，Divi主题）

我一直在尝试将我刚从Klim Type Foundry购买的web字体集成到我的网站度量中，但我无法让它与@font-face css一起使用。该网站是一个wordpress网站，我使用的是Divi主题

我在这里做了一个测试页面：

敏捷的棕色狐狸跳过懒狗的句子被设置为“公制粗体”

公制粗体在样式表中定义，字体仅随EOT和WOFF格式提供：

@font-face {
font-family: 'Metric Bold';
src:url('fonts/MetricWeb-Bold.eot');
src:url('fonts/MetricWeb-Bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/MetricWeb-Bold.woff') format('woff'),
font-weight: normal;
font-style: normal;}

但是，在查看页面时，我没有看到资源中加载的字体，@font-face似乎没有任何效果

在大量的谷歌搜索之后，我一辈子都不知道到底出了什么问题。有人能帮忙吗

---

谢谢

它正在工作，只需删除字体族规则并检查效果即可验证。我的意思是用字体系列检查两种情况下的：“公制粗体”；没有字体系列：'公制粗体'

我认为它不起作用，因为字体看起来与我正在使用的字体完全不同：@font-face规则是浏览器敏感的，所以这次我确信使用任何字体生成器程序生成.ttf、.svg、.woff格式的字体，有很多免费的，只需谷歌一下，将其添加到字体文件夹中，还可以添加url和all.svg，.woff和.ttf格式。我也尝试过转换器中的svg和ttf格式。我开始怀疑字体本身是否有问题，因为我可以用另一种网页字体。