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

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

news 2025/10/4 21:39:39

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

1. 本地生效的原因

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

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

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

相关文章：

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

引入特殊字体ttf，TTF等发现开发环境中生效，项目部署后不生效何解？ 1. 本地生效的原因 本地使用的是本地的资源，控制台可以看到对ttf文件的请求与加载。 2.部署后不生效的原因与解决 控制台可以看到对ttf资源文件的请求加载失败…...

编程日记 2025/2/16 1:06:38

【Linux】--- 基础开发工具之yum/apt、vim、gcc/g++的使用

Welcome to 9ilks Code World (๑•́ ₃ •̀๑) 个人主页: 9ilk (๑•́ ₃ •̀๑) 文章专栏： Linux网络编程 本篇博客我们来认识一下Linux中的一些基础开发工具 --- yum,vim,gcc/g。 🏠 yum 🎸 什么是yum 当用户想下载软…...

编程日记 2025/2/16 1:04:35

WEB安全--SQL注入--INTO OUTFILE

一、INTO OUTFILE 函数语法： SELECT column1, column2, INTO OUTFILE file_path FROM your_table WHERE your_conditions; 使用此方式在SQL注入的过程中可以： 1、上传shell得到数据库的后端的操作权限 2、爆出数据库的信息 二、使用该函数的条件&#…...

编程日记 2025/2/16 1:00:25

如何从0开始将vscode源码编译、运行、打包桌面APP

** 网上关于此的内容很少，今天第二次的完整运行了，按照下文的顺序走不会出什么问题。最重要的就是环境的安装，否则极其容易报错，请参考我的依赖版本以及文末附上的vscode官方指南 ** 第一步：克隆 VSCode 源码 首先…...

编程日记 2025/2/16 0:56:16

关于视频去水印的一点尝试

一. 视频去水印的几种方法 1. 使用ffmpeg delogo滤镜 delogo 滤镜的原理是通过插值算法，用水印周围的像素填充水印的位置。 示例： ffmpeg -i input.mp4 -filter_complex "[0:v]delogox420:y920:w1070:h60" output.mp4 该命令表示通过滤镜…...

编程日记 2025/2/16 0:54:08

如何在 Java 应用中实现数据库的主从复制（读写分离）？请简要描述架构和关键代码实现？

在Java应用中实现数据库主从复制（读写分离） 一、架构描述 （一）整体架构 主库（Master） 负责处理所有的写操作（INSERT、UPDATE、DELETE等）。它是数据的源头，所有的数据变…...

编程日记 2025/2/16 0:53:05

【css】width:100%；padding:20px；造成超出100%宽度的解决办法 - box-sizing的使用方法 - CSS布局

问题 修改效果 解决方法 .xx {width: 100%;padding: 0 20px;box-sizing: border-box; } 默认box-sizing: content-box下， width 内容的宽度 height 内容的高度 宽度和高度的计算值都不包含内容的边框（border）和内边距（padding&…...

编程日记 2025/2/16 0:51:02

【TI C2000】F28002x的系统延时、GPIO配置及SCI（UART）串口发送、接收

【TI C2000】F28002x的系统延时、GPIO配置及SCI（UART）串口发送、接收 文章目录 系统延时GPIO配置GPIO输出SCI配置SCI发送、接收测试附录：F28002x开发板上手、环境配置、烧录及TMS320F280025C模板工程建立F28002x叙述烧录SDK库文件说明工程建…...

编程日记 2025/2/16 0:49:00

【PyQt】信号与槽机制

PyQt信号与槽机制详解 🚀 一、信号与槽类型 🔌 1. 内置信号 📡 # 按钮点击信号 🖱️ QPushButton.clicked# 文本输入变化信号 ⌨️ QLineEdit.textChanged# 窗口关闭信号 🚪 QWidget.closeEvent2. 自定义信号 ✨ c…...

编程日记 2025/2/16 0:46:57

STM32 是什么？同类产品有哪些

STM32 是什么？ STM32 是由意法半导体（STMicroelectronics）推出的基于 ARM Cortex-M 内核 的 32 位微控制器（MCU）系列。它专为高性能、低功耗的嵌入式应用设计，广泛应用于以下领域： 工业控制&am…...

编程日记 2025/2/16 0:45:51

20250213编译飞凌的OK3588-C_Linux5.10.209+Qt5.15.10_用户资料_R1

20250213编译飞凌的OK3588-C_Linux5.10.209Qt5.15.10_用户资料_R1 2025/2/13 11:43 缘起：飞凌发布了高版本内核的适配OK3588-C的Buildroot的SDK：OK3588-C_Linux5.10.209Qt5.15.10_用户资料_R1。 但是编译异常了。 于是按照百度升级libc6，可以…...

编程日记 2025/2/16 0:43:39

【DeepSeek】DeepSeek R1 本地windows部署（Ollama+Docker+OpenWebUI）

1、背景： 2025年1月，DeepSeek 正式发布 DeepSeek-R1 推理大模型。DeepSeek-R1 因其成本价格低廉，性能卓越，在 AI 行业引起了广泛关注。DeepSeek 提供了多种使用方式，满足不同用户的需求和场景。本地部署在数据安全、性…...

编程日记 2025/2/16 0:41:36

AI知识库 - Cherry Studio

1 引言： 最近 DeepSeek 很火啊，想必大家都知道，DeepSeek 这个开源的模型出来后，因其高质量能力和R1 的思维链引发了大家本地部署的热潮。我也不例外，本地部署了一个 14B 的模型，然后把，感觉傻傻…...

编程日记 2025/2/16 0:36:28

【ubuntu24.04】 强制重启导致大模型的磁盘挂载出错

挂载NTFS文件系统出错 各种模型放在了这个机械硬盘上，虽然速度慢，但是好在容量大。大模型在工作，但是程序看起来有问题，导致系统卡死了，然后我重启了，然后报错：wrong fs type bad option &…...

编程日记 2025/2/16 0:34:25

OpenLayer创建第一个基础地图实例

OpenLayers创建第一个基础地图实例 OpenLayers 是一个开源的 JavaScript 库，用于在网页上显示交互式地图。它支持多种地图源，包括 OpenStreetMap、Google Maps、Bing Maps 等。本文将介绍如何使用 OpenLayers 创建一个基础地图实例。 1. 准备工作 在开…...

编程日记 2025/2/16 0:32:22

Git命令摘录

使用 Git 升级软件通常是指通过 Git 仓库获取软件的最新版本或更新代码。以下是详细的步骤和方法&#xff1a; 1. 克隆软件仓库 如果这是你第一次获取软件代码&#xff0c;可以使用 git clone 命令将远程仓库克隆到本地。 git clone <仓库地址> 例如&#xff1a; git cl…...

编程日记 2025/2/16 0:27:12

windows 通过docker 安装mysql

参考&#xff1a;Docker安装并使用Mysql&#xff08;可用详细&#xff09;_docker 安装mysql-CSDN博客 1. 拉取镜像&#xff1a;docker pull mysql:5.7 2. 查看镜像&#xff1a;docker image 3. 创建mysql 容器实例&#xff0c;并将data 目录挂载到本地d盘上 docker run --n…...

编程日记 2025/2/16 0:24:07

实现Tree 树形控件的鼠标拖拽功能

1.element中的el-tree实现可拖拽节点 通过 draggable 属性可让节点变为可拖拽 <el-tree :data"data" node-key"id" default-expand-all node-drag-start"handleDragStart" node-drag-enter"handleDragEnter" node-drag-leave"…...

编程日记 2025/2/16 0:15:56

同为科技智能PDU助力Deepseek人工智能和数据交互的快速发展

1 2025开年&#xff0c;人工智能领域迎来了一场前所未有的变革。Deepseek成为代表“东方力量”的开年王炸&#xff0c;不仅在国内掀起了技术热潮&#xff0c;并且在全球范围内引起了高度关注。Deepseek以颠覆性技术突破和现象级应用场景席卷全球&#xff0c;这不仅重塑了产业格…...

编程日记 2025/2/16 0:12:49

硬件学习笔记--42 电磁兼容试验-6 传导差模电流干扰试验介绍

目录 电磁兼容试验-传导差模电流试验 1.试验目的 2.试验方法 3.判定依据及意义 电磁兼容试验-传导差模电流干扰试验 驻留时间是在规定频率下影响量施加的持续时间。被试设备&#xff08;EUT&#xff09;在经受扫频频带的电磁影响量或电磁干扰的情况下&#xff0c;在每个步进…...

编程日记 2025/2/16 0:08:45

ES6从入门到精通：前言

ES6简介 ES6&#xff08;ECMAScript 2015&#xff09;是JavaScript语言的重大更新&#xff0c;引入了许多新特性&#xff0c;包括语法糖、新数据类型、模块化支持等&#xff0c;显著提升了开发效率和代码可维护性。 核心知识点概览 变量声明 let 和 const 取代 var&#xf…...

编程新知 2025/8/18 16:42:44

DeepSeek 赋能智慧能源：微电网优化调度的智能革新路径

目录 一、智慧能源微电网优化调度概述1.1 智慧能源微电网概念1.2 优化调度的重要性1.3 目前面临的挑战 二、DeepSeek 技术探秘2.1 DeepSeek 技术原理2.2 DeepSeek 独特优势2.3 DeepSeek 在 AI 领域地位 三、DeepSeek 在微电网优化调度中的应用剖析3.1 数据处理与分析3.2 预测与…...

编程新知 2025/6/15 19:07:20

线程同步：确保多线程程序的安全与高效！

全文目录&#xff1a; 开篇语前序前言第一部分&#xff1a;线程同步的概念与问题1.1 线程同步的概念1.2 线程同步的问题1.3 线程同步的解决方案 第二部分&#xff1a;synchronized关键字的使用2.1 使用 synchronized修饰方法2.2 使用 synchronized修饰代码块 第三部分&#xff…...

编程新知 2025/9/24 16:02:40

vue3 字体颜色设置的多种方式

在Vue 3中设置字体颜色可以通过多种方式实现&#xff0c;这取决于你是想在组件内部直接设置&#xff0c;还是在CSS/SCSS/LESS等样式文件中定义。以下是几种常见的方法&#xff1a; 1. 内联样式 你可以直接在模板中使用style绑定来设置字体颜色。 <template><div :s…...

编程新知 2025/9/21 23:27:31

【ROS】Nav2源码之nav2_behavior_tree-行为树节点列表

1、行为树节点分类 在 Nav2（Navigation2）的行为树框架中，行为树节点插件按照功能分为 Action（动作节点）、Condition（条件节点）、Control（控制节点） 和 Decorator（装饰节点） 四类。 1.1 动作节点 Action 执行具体的机器人操作或任务，直接与硬件、传感器或外部系统…...

编程新知 2025/7/24 3:18:58

Java-41 深入浅出 Spring - 声明式事务的支持 事务配置 XML模式 XML+注解模式

点一下关注吧&#xff01;&#xff01;&#xff01;非常感谢&#xff01;&#xff01;持续更新&#xff01;&#xff01;&#xff01; &#x1f680; AI篇持续更新中&#xff01;&#xff08;长期更新&#xff09; 目前2025年06月05日更新到&#xff1a; AI炼丹日志-28 - Aud…...

编程新知 2025/10/4 13:15:24

【单片机期末】单片机系统设计

主要内容&#xff1a;系统状态机&#xff0c;系统时基&#xff0c;系统需求分析&#xff0c;系统构建&#xff0c;系统状态流图 一、题目要求 二、绘制系统状态流图 题目&#xff1a;根据上述描述绘制系统状态流图&#xff0c;注明状态转移条件及方向。 三、利用定时器产生时…...

编程新知 2025/9/27 22:43:47

vue3+vite项目中使用.env文件环境变量方法

vue3vite项目中使用.env文件环境变量方法 .env文件作用命名规则常用的配置项示例使用方法注意事项在vite.config.js文件中读取环境变量方法 .env文件作用 .env 文件用于定义环境变量&#xff0c;这些变量可以在项目中通过 import.meta.env 进行访问。Vite 会自动加载这些环境变…...

编程新知 2025/9/28 3:32:15

Unity | AmplifyShaderEditor插件基础（第七集：平面波动shader）

目录 一、&#x1f44b;&#x1f3fb;前言 二、&#x1f608;sinx波动的基本原理 三、&#x1f608;波动起来 1.sinx节点介绍 2.vertexPosition 3.集成Vector3 a.节点Append b.连起来 4.波动起来 a.波动的原理 b.时间节点 c.sinx的处理 四、&#x1f30a;波动优化…...

编程新知 2025/9/28 3:32:58

Typeerror: cannot read properties of undefined (reading ‘XXX‘)

最近需要在离线机器上运行软件&#xff0c;所以得把软件用docker打包起来&#xff0c;大部分功能都没问题&#xff0c;出了一个奇怪的事情。同样的代码&#xff0c;在本机上用vscode可以运行起来&#xff0c;但是打包之后在docker里出现了问题。使用的是dialog组件&#xff0c;…...

编程新知 2025/9/24 3:05:06