当前位置: 首页 > Web前端 > CSS

导入字体文件到前端项目,加载慢问题解决过程

时间:2023-03-30 18:19:27 CSS

好久没写文章了,换公司后一直很忙。今天跟大家分享一下我在这个项目中引入字体时遇到的问题,自己也做了一个记录。这次因为家里的疫情,胖了不少。大家是不是都一样呢~嘻嘻,好了,废话不多说,进入正题~~1.紫竹官网:http://font-spider.org/github:https://github.com/aui/font-spider/blob/master/README-ZH-CN.md1.安装nodeJs官网:http://nodejs.cn/2.安装python**--网上注意很多文章都没有提到这一步,并且会报错安装不成功。官网:https://www.python.org/配置环境变量:参考文章:https://www.cnblogs.com/gu-bin/p/11045043.html三、紫竹安装与使用1、安装npminstallfont-spider-g淘宝镜像:`cnpminstallfont-spider-g2,writecss/*declareWebFont*/@font-face{font-family:'华康丽金黑W8.TTF';src:url('../font/华康丽金黑W8.TTF');字体粗细:正常;font-style:normal;}/*使用指定字体*/p{font-family:'华康丽金黑W8.TTF';}3.压缩WebFontfont-spider[options]完成以上步骤查看字体文件,压缩完成注意:这种压缩方式只适用于静态文本,后台传输的动态文本无法处理。在安装过程中,我也遇到了注册表权限问题。修改权限文章参考地址如下:https://www.cnblogs.com/thinkAboutMore/p/12174371.html好了,到此结束~~