添加@fontface不起作用

Question

请原谅我的无知，但是我的脑袋开始旋转试图解决这个问题。

我的wordress网站与我正在使用的google webfont很好。但后来我注意到它在Internet Explorer中看起来非常褪色。经过一些谷歌搜索我发现一个解决方案可能是使用“套件”，而不是例如来自fontsquirrel（虽然我不知道这是否真实）。所以我得到了我的字体的“webkit”。我将.eot，.woff，.ttf和.svg文件上传到我的子主题文件夹中名为“fonts”的文件夹。然后我从webkit的样式表中获取代码，并在每个url行中添加“/ fonts”（参见下面的代码），并将代码粘贴到自定义CSS部分（我的子主题在通用字体部分旁边有一个自定义CSS框）。这不会在任何地方显示我的Gruppo字体，更不用说Internet Explorer了。我是否按照正确的步骤在Internet Explorer中使我的字体看起来不变？如果是这样，我做错了什么？

@font-face {
font-family: 'grupporegular';
src: url('/fonts/gruppo-regular-webfont.eot');
src: url('/fonts/gruppo-regular-webfont.eot?#iefix') format('embedded-opentype'),
     url('/fonts/gruppo-regular-webfont.woff') format('woff'),
     url('/fonts/gruppo-regular-webfont.ttf') format('truetype'),
     url('/fonts/gruppo-regular-webfont.svg#grupporegular') format('svg');
font-weight: normal;
font-style: normal;

}