Css Microsoft Edge中未显示字体

我正在创建WordPress模板，使用@font-face获取字体。这些字体在Chrome和Firefox上显示良好。但是，当我转到Microsoft Edge时，字体不会显示

你可以在这里看到问题： 字体为ClaireHand，出现在顶部菜单（“关于、招生、计划、支持…”）

下面是字体样式代码

<style>
@font-face {
  font-family: 'ClaireHand';
  src: url('<?php bloginfo('siteurl'); ?>/ClaireHand.eot');
  src: url('<?php bloginfo('siteurl'); ?>/ClaireHand.eot?#iefix') format('embedded-opentype'),  
  url('<?php bloginfo('siteurl'); ?>/ClaireHand.otf')  format('opentype'),
  url('<?php bloginfo('siteurl'); ?>/ClaireHand.woff') format('woff'), 
  url('<?php bloginfo('siteurl'); ?>/ClaireHand.ttf')  format('truetype'), 
  url('<?php bloginfo('siteurl'); ?>/ClaireHand.svg#ClaireHand') format('svg');
  font-weight: normal;
  font-style: normal;
}
</style>

@字体{
字体系列：“ClaireHand”；
src:url（'/ClaireHand.eot'）；
src:url（'/ClaireHand.eot？#iefix'）格式（'embedded-opentype'），
url（'/ClaireHand.otf'）格式（'opentype'），
url（'/ClaireHand.woff'）格式（'woff'），
url（'/ClaireHand.ttf'）格式（'truetype'），
url（'/ClaireHand.svg#ClaireHand'）格式（'svg'）；
字体大小：正常；
字体风格：普通；
}

我知道字体路径是正确的，因为它们适用于其他浏览器

我环顾了Stackoverflow，虽然人们有字体问题，但没有人回答我的问题

---

请帮忙

浏览器必须支持您提供的字体

如果字体不能在单个浏览器上使用，但在其他浏览器上可以使用，则可能是因为Edge不支持该类型的字体

如果浏览器无法处理您尝试提供的字体，请使用安全字体作为默认字体

使用CSS，您可以这样做： 字体系列：coolfont，可能是另一种很酷的字体，safefont

它将首先尝试coolfont，然后“可能是另一种…”直到最终的字体，该字体应该是所有浏览器都安全选择的字体。

正如在一个类似的老问题中强调的那样，微软现在似乎只支持Edge中的WOFF2字体，而不是普通的WOFF

从Microsoft开发者网络：

Microsoft Edge支持Web Open Font Format（WOFF）文件格式2.0规范，该规范提供了WOFF 1.0中改进的压缩算法。支持字体格式“woff2”

因此，将WOFF2添加到

@font-face

规则中应该可以做到：

---

url（'/ClaireHand.woff2'）格式（'woff2'）

您是否尝试过包含一个woff2，而不仅仅是普通的woff？支持常规woff，但支持Microsoft开发者网络站点，仅提及对woff2的支持。我注意到，从最后一个答案开始，这可能是一个解释。（caniuse还表示支持其他类型，所以仍然有点可疑，但可能值得一试。）是的。成功了。我觉得沃夫很好。。。我想不是。谢谢哦，好交易。我会把它作为一个答案，这样这个问题就可以结束了。