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

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

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

1. 本地生效的原因

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

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

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


http://www.kler.cn/a/546158.html

相关文章:

  • 部署 DeepSeek R1各个版本所需硬件配置清单
  • 巨控模块GRM530与AB PLC通信配置指南
  • 江科大51单片机学习笔记(2)
  • 【第5章:深度生成模型— 5.2 图像生成实战:DCGAN、StyleGAN等模型的实现与优化】
  • python 中文编码
  • LeetCode刷题第6题【Z 字形变换】---解题思路及源码注释
  • 跟着李沐老师学习深度学习(十一)
  • 2025年关于css面试题及其答案解析
  • 你如何利用SIMD(如SSE/AVX)优化图像处理的性能?
  • MySQL一些常见的索引失效情况
  • Spring Task定时任务完全指南
  • 深入解析哈希表:原理、实现与应用
  • visual studio导入cmake项目后打开无法删除和回车
  • Go 语言调用 SiliconFlow 的 Deepseek AI Janus-Pro-7B 模型进行图像生成
  • HC32F460_AOS自动运行系统
  • 什么是偏光环形光源
  • 掌握 systemd:Linux 服务管理的核心工具
  • 数据结构——Makefile、算法、排序(2025.2.13)
  • LabVIEW太阳能制冷监控系统
  • 【天地图】绘制、删除点线面