字符图标无法显示的原因有哪些?

发布于 2022-09-01 15:47:51 字数 1029 浏览 22 评论 0

比如uikit的uk-icon-button uk-icon-weibo样式字体符号在我自己写的web框架下无法显示,但是直接打开是可以显示的。本来应该是图片描述

但是在我搭建的服务器下显示是图片描述

注:这段代码是我响应静态文件的中间件

javascriptexports.staticFile = function(req, res, next){
    var ROOT = './';
    var PATH = url.parse(req.url).pathname;
    var pathname = PATH.slice(PATH.lastIndexOf('static'));
    var contenType = mime.lookup(pathname);
    var woff = /^static\/fonts\/.*$/g;
    if(woff.test(pathname)){
        contenType = "application/octet-stream";
    }

    fs.readFile(path.join(ROOT, pathname), 'utf8', function(err, file){
        if(err){
            return next(err);
        }
        res.setHeader("Access-Control-Allow-Origin", "*");
        res.setHeader("Content-Type", contenType +';charset=utf8');
        res.end(file);
        next();
    });
};

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

清风夜微凉 2022-09-08 15:47:52

找到原因了,字体文件需要用stream形式传输,直接传输文件将导致字体符号无法显示。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文