引入特殊字体ttf,TTF等发现开发环境中生效,项目部署后不生效何解?
1. 本地生效的原因
本地使用的是本地的资源,控制台可以看到对ttf文件的请求与加载。
2.部署后不生效的原因与解决
控制台可以看到对ttf资源文件的请求加载失败,code可能是200不代表返回成功了哦,注意仔细看响应
(1)检查引用的文件名是否大小写正确。比如文件后缀 ttf 和TTF
(2)检查项目是用什么构建的
①vite:默认情况下,使用环境的打包命令会看到所有的资源(img,css,js,fonts)都统一放在assets下(如果没有特殊配置的话);
②webpack:也需要查看对应的打包后的文件结构
(3)看nginx配置文件是否需要添加 字体路径到服务器上上的映射
(4)H5页面被嵌入的环境是否禁用了特殊字体