图标是字符，而不是图标字体中的图标

Question

之前我已经制作了大量的自定义网页字体和图标字体，我不知道为什么这不起作用。我相信这对我来说是一种疏忽。我使用以前使用的语法，生成webfont两种不同的方式，但两种方式和jsfiddle，我自己的服务器和本地机器，图标不呈现，而是字母，“J”。我甚至安装了字体，当我输入字体时，它会呈现为图标。

这是css：

@font-face{
    font-family:'AE Team Icons';
    src:url('http://the-irf.com/files/public/aeteamicons-regular-webfont.woff2') format('woff2'),
        url('http://the-irf.com/files/public/aeteamicons-regular-webfont.woff') format('woff')
    font-weight:400;
    font-style:normal;
   unicode-range:U+00-FFFF;
}
i{ font-size:64px; font-family:'AE Team Icons'; }

以下是jsfiddle的链接：https://jsfiddle.net/5dnay9bh/