当前位置: 首页 > 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页面被嵌入的环境是否禁用了特殊字体

http://www.lryc.cn/news/537250.html

相关文章:

  • 【Linux】--- 基础开发工具之yum/apt、vim、gcc/g++的使用
  • WEB安全--SQL注入--INTO OUTFILE
  • 如何从0开始将vscode源码编译、运行、打包桌面APP
  • 关于视频去水印的一点尝试
  • 如何在 Java 应用中实现数据库的主从复制(读写分离)?请简要描述架构和关键代码实现?
  • 【css】width:100%;padding:20px;造成超出100%宽度的解决办法 - box-sizing的使用方法 - CSS布局
  • 【TI C2000】F28002x的系统延时、GPIO配置及SCI(UART)串口发送、接收
  • 【PyQt】信号与槽机制
  • STM32 是什么?同类产品有哪些
  • 20250213编译飞凌的OK3588-C_Linux5.10.209+Qt5.15.10_用户资料_R1
  • 【DeepSeek】DeepSeek R1 本地windows部署(Ollama+Docker+OpenWebUI)
  • AI知识库 - Cherry Studio
  • 【ubuntu24.04】 强制重启导致大模型的磁盘挂载出错
  • OpenLayer创建第一个基础地图实例
  • Git命令摘录
  • windows 通过docker 安装mysql
  • 实现Tree 树形控件的鼠标拖拽功能
  • 同为科技智能PDU助力Deepseek人工智能和数据交互的快速发展
  • 硬件学习笔记--42 电磁兼容试验-6 传导差模电流干扰试验介绍
  • 基于 Filebeat 的日志收集
  • Next.js 15【实用教程】2025最新版
  • vue学习10
  • redis 缓存击穿问题与解决方案
  • 【Vue3 入门到实战】16. Vue3 非兼容性改变
  • 20250214 随笔 Elasticsearch(ES)索引数据 vs. 业务数据库冗余双写
  • c# textbox 设置不获取光标
  • 中望CAD c#二次开发 ——VS环境配置
  • anolis os 8.9安装jenkins
  • HtmlRAG:RAG系统中,HTML比纯文本效果更好
  • TypeScript 中的 reduce计算统计之和