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

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

news 2026/5/14 3:44:25

引入特殊字体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

保姆级避坑指南：在Ubuntu18.04上用ROS Melodic搞定UR5+Realsense D435i手眼标定（附旧版easy_handeye包）

深度避坑实战&#xff1a;Ubuntu18.04ROS Melodic手眼标定全流程精解 当机械臂的末端执行器需要与视觉系统协同工作时&#xff0c;手眼标定成为连接两者的关键桥梁。本文将以UR5机械臂搭配Realsense D435i相机为例&#xff0c;深入剖析在Ubuntu18.04和ROS Melodic环境下实现高精…...

编程新知 2026/5/14 2:49:46

从德雷科风暴看关键通信网络备用电源失效与韧性加固策略

1. 从一场风暴看关键通信网络的脆弱性2012年6月底&#xff0c;一场被称为“德雷科”的强对流风暴席卷了美国中西部&#xff0c;其影响一直延伸到东海岸。这场风暴带来的不仅仅是狂风和暴雨&#xff0c;更是一次对现代基础设施&#xff0c;特别是关键通信网络的极端压力测试。风…...

编程新知 2026/5/14 1:52:11

100GbE技术演进：背板PAM4与光模块25G的路线之争

1. 高速以太网技术演进中的十字路口&#xff1a;100GbE的“戏剧性”挑战在通信与网络设备、半导体设计与制造这个圈子里待久了&#xff0c;你会发现技术标准的制定过程&#xff0c;其精彩程度丝毫不亚于一部精心编排的戏剧。尤其是当我们谈论到以太网&#xff0c;这个支撑起全球…...

编程新知 2026/5/14 1:25:27

DDR内存信号测试难题：芯片中介层原理与实战部署指南

1. 项目概述&#xff1a;当PCB上的DDR内存引脚“无处下针”时作为一名在硬件测试和信号完整性领域摸爬滚打了十几年的工程师&#xff0c;我太熟悉那种场景了&#xff1a;测试工程师拿着示波器探头&#xff0c;对着电路板上密密麻麻的元器件&#xff0c;尤其是那些藏在其他芯片底…...

编程新知 2026/5/14 0:58:46

从锡疫到无铅焊料失效：材料环境可靠性设计实战解析

1. 从拿破仑的纽扣说起&#xff1a;材料失效背后的工程警示在电子工程领域&#xff0c;我们每天都在与材料打交道。从PCB上的焊点&#xff0c;到芯片内部的金属互连&#xff0c;再到外壳的塑料&#xff0c;材料的可靠性直接决定了产品的成败。几年前&#xff0c;当整个行业因Ro…...

编程新知 2026/5/14 0:58:40

大模型“读“懂你的秘密：Tokenize分词技术全解析！

本文深入探讨了大模型如何处理文本输入。核心流程为文本经过Tokenize分词&#xff0c;转为token&#xff0c;再映射为token ID并转化为embedding向量。介绍了三种基础分词粒度&#xff1a;按词切、按字符切、按子词切&#xff0c;并详细解析了四种常见tokenizer方法&#xff1a…...

编程新知 2026/5/14 0:44:56

2026国产SCARA机器人品牌深度横评：高精度、零件分拣多维度对比

SCARA机器人作为工业自动化领域的重要装备&#xff0c;凭借其高速、高精度、易集成等优势&#xff0c;广泛应用于3C电子、医疗器械、新能源等精密装配场景。随着国产机器人品牌的崛起&#xff0c;市场竞争格局正在发生深刻变化。本文基于公开技术参数、市场应用数据及行业调研&…...

编程新知 2026/5/13 21:26:52

基于OpenClaw与Binance API的加密货币安全助手：四层架构与实战部署

1. 项目概述&#xff1a;一个为普通人打造的加密资产守护神在加密货币的世界里&#xff0c;技术壁垒和信息不对称就像一道无形的墙&#xff0c;将许多普通人挡在了安全投资的门外。我们见过太多这样的场景&#xff1a;一位想为子女攒点教育金的母亲&#xff0c;因为误点了钓鱼链…...

编程新知 2026/5/13 20:24:30

img-2社区贡献指南：如何参与开源项目并提交你的第一个Pull Request

img-2社区贡献指南&#xff1a;如何参与开源项目并提交你的第一个Pull Request 【免费下载链接】img-2 Replace elements with to automatically pre-cache images and improve page performance.项目地址: https://gitcode.com/gh_mirrors/im/img-2 想要为优秀的图片懒加…...

编程新知 2026/5/13 20:20:23

员工管理(新增员工)、事务管理和文件上传(阿里云OSS)

员工管理(新增员工) 思路就是就是新增的员工基本信息和批量保存员工的工作经历信息&#xff0c;也就是后端对应了两条sql语句&#xff0c; 1.保存员工基本信息 Emp实体类中新添一个字段用于保存员工工作经历 //封装工作经历 private List<EmpExpr> exprList; (1)Cont…...

编程新知 2026/5/13 19:03:08