字体图标声明，代码完全一致，却不能正常显示，转行新手求大神解答！

代码完全一样，不知道为什么上面的显示不了字体图标，但是下面的却可以显示，除了两段代码，其余地方均保持不变
保留第一段代码在浏览器中显示第一段代码显示

保留第二段代码在浏览器中显示图片说明

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <style>
    第一段代码如下，自己敲得
        @font-face {
         font-family: 'icomoon';
         src:  url('fonts/icomoon.eot?7kkyc2');
         src:  url('fonts/icomoon.eot?7kkyc2#iefix') format('embedded-opentype'),
           url('fonts/icomoon.ttf?7kkyc2') format('truetype'),
           url('fonts/icomoon.woff?7kkyc2') format('woff'),
           url('fonts/icomoon.svg?7kkyc2#icomoon') format('svg');
         font-weight: normal;
         font-style: normal;
    }
        第二段代码如下，直接复制别人的过来
        @font-face {
            /*1. 这个字体名称要注意 icomoon*/
          font-family: 'icomoon';
          /*2. 一定要注意路径的问题*/
          src:  url('fonts/icomoon.eot?7kkyc2');
          src:  url('fonts/icomoon.eot?7kkyc2#iefix') format('embedded-opentype'),
            url('fonts/icomoon.ttf?7kkyc2') format('truetype'),
            url('fonts/icomoon.woff?7kkyc2') format('woff'),
            url('fonts/icomoon.svg?7kkyc2#icomoon') format('svg');
          font-weight: normal;
          font-style: normal;
    }
这里定义span使用该字体图标
        span {
            font-family: 'icomoon';
            font-size: 50px;
            color: red;
        }  
    </style>
</head>
<body>
    <span>   </span>
</body>
</html>

估计跟fonts文件路径有关，用同一个文件测的吗？