icofont图标引入显示方块

问题： icofont图标引入显示方块
按照官网来的 unicode 方式


@font-face {
  font-family: "iconfont"; /* Project id 4053612 */
  src: url('//at.alicdn.com/t/c/font_4053612_o7fhzv25uoo.woff2?t=1683380703634') format('woff2'),
       url('//at.alicdn.com/t/c/font_4053612_o7fhzv25uoo.woff?t=1683380703634') format('woff'),
       url('//at.alicdn.com/t/c/font_4053612_o7fhzv25uoo.ttf?t=1683380703634') format('truetype');
}

.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
  }

    <i class="iconfont">&#xe922;</i>

img

请求地址 为什么加了files前缀呢？
查类似问题的博客 让加http
加了http之后还是不行

img

求指教

不要再盘符打开项目，需要静态服务器或者动态服务器中访问项目