当前位置: 首页 > news >正文

前端vue引入特殊字体不生效

引入特殊字体ttf,TTF等发现开发环境中生效,项目部署后不生效何解?

1. 本地生效的原因

本地使用的是本地的资源,控制台可以看到对ttf文件的请求与加载。

2.部署后不生效的原因与解决

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

相关文章:

  • mysql的主从配置
  • DNS污染:网络世界的“隐形劫持”与防御
  • 人才画像如何助力企业 “看准人”、“看透人”
  • ORDER BY盲注攻击:原理、实现与防御(附Python多线程爆破脚本)
  • Spring Boot 3 集成Xxl-job 3.0.0 单机
  • 【算法】动态规划专题⑪ —— 区间DP python
  • 【MySQL】 基本查询(上)
  • USB2.03.0摄像头区分UVC相机在linux中的常用命令
  • 数据库数据同步解决方案
  • deepseek部署在本地详细教程
  • 封装neo4j的持久层和服务层
  • MATLAB中的APPdesigner绘制多图问题解析?与逻辑值转成十进制
  • harmonyOS的文件的增、删、读、写相关操作(fs/content)
  • 从入门到精通:解锁页面对象模型(POM)的秘密武器
  • C++(dereference)取值符和(address-of)取址符的翻译说明
  • MATLAB图像处理:Sobel、Roberts、Canny等边缘检测算子
  • 单调队列与栈
  • 如何取消WPS Excel文件密码
  • 2.14学习总结
  • 【论文阅读】Revisiting the Assumption of Latent Separability for Backdoor Defenses
  • 旅游电子商务网站建设技术规范/营销排名seo
  • 免费域名解析网站建设/推广网站免费