阿里字体图标使用css伪元素添加,显示乱码

请教

    <link rel="stylesheet" href="../04设计稿/小U课堂/U-class/font/font/iconfont.css">
    <style>

        @font-face {
            font-family: "iconfont";
            /* Project id 3278302 */
            src: url('iconfont.woff2?t=1648433808190') format('woff2'),
                url('iconfont.woff?t=1648433808190') format('woff'),
                url('iconfont.ttf?t=1648433808190') format('truetype');
        }

        span::before {
            content: "\e627";
            color: blue;
        }
    </style>

<body>

    <span>你好!</span>
</body>

img

引入路径有问题

1.你 link 的 href 链接尽量不要带中文
2.你link 的链接应直接是 阿里巴巴矢量图标库 fontClass 生成的链接,而不是你自己写的相对路径 应该是下边这种 -->

<link href="//at.alicdn.com/t/font_25_wh4omnyqlid.css" rel="stylesheet" />
  1. 如果你想使用相对 或者绝对路径 需要现在 阿里巴巴矢量图里面下载至本地,才可以本地引用

你给span设置font-family: "iconfont";了吗