vue全局字体不生效的问题

news/2024/11/29 3:42:16/

今天接手了一个新项目,在熟悉项目的时候,意外发现,网站的字体和设计稿上的字体不一样。

于是查看一番之后,发现引入字体的方式错了。

原代码是这样的:

body {font-family: HONORSansCN-DemiBold, HONORSansCN;font-weight: 400;font-size: var(--el-font-size-base);color: $color-black;-webkit-font-smoothing: antialiased;
}

问题出在,没有引入字体。

改后:

@font-face {font-family: HONORSansCN;src: url('~@/assets/styles/fonts/HONORSansCN-Regular.ttf');//字体文件对应的位置font-weight: normal;font-style: normal;
}body {font-family: HONORSansCN, HONORSansCN-DemiBold;font-weight: 400;font-size: var(--el-font-size-base);color: $color-black;-webkit-font-smoothing: antialiased;
}

虽然只是一个小问题,但这种问题其实很常见,记录下来,以后翻看~


http://www.ppmy.cn/news/979157.html

相关文章

如何轻松获取短视频资源?

短视频里面的素材其实主要包含三大部分: 拍摄的原创素材:比如情节剧、风景视频、知识百科、热门解说、便装、美妆、vlog等视频需要使用的素材 二次创作的素材:比如影视剪辑视频、鬼畜视频、文史解说等内容需要使用的素材 特效素材&#xf…

右击不显示TortoiseGit图标处理方法

第一种 右键--》TortoiseGIt--》setting--》Icon Overlays--》Status cache,按照下图设置,然后重启电脑。 第二种 进入注册信息,按照步骤找到HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Explorer\ShellIconOverlayIden…

pytorch安装GPU版本 (Cuda12.1)教程: Windows、Mac和Linux系统下GPU版PyTorch(CUDA 12.1)快速安装

🌷🍁 博主 libin9iOak带您 Go to New World.✨🍁 🦄 个人主页——libin9iOak的博客🎐 🐳 《面试题大全》 文章图文并茂🦕生动形象🦖简单易学!欢迎大家来踩踩~&#x1f33…

Spring Boot 日志文件有什么用

目录 一、自定义打印日志 1.1 日志框架说明 1.2 实现自定义打印日志 1.3 日志的格式说明 2.1 日志的级别 2.2 设置日志级别的作用: 2.3 如何设置日志的级别 二、 日志的持久化 3.1 设置日志保存路径 (在 .yml 配置文件中设置日志保存路径&…

ipvs 原理解析(二)netfilter hook

文章目录 netfilter hook netfilter hook 在 __ipvs_vs_init 中有通过 nf_register_net_hooks 注册 hook 函数到 netfilter 框架 如 ipv4 下的 static const struct nf_hook_ops ip_vs_ops[] {/* After packet filtering, change source only for VS/NAT */{.hook ip_vs_…

使用序列化和反序列化函数archivedDataWithRootObject和unarchivedObjectOfClasses的使用和遇到问题及解决方案

为何archiveRootObject和unarchiveObjectWithFile正常,而archivedDataWithRootObject和unarchivedObjectOfClasses一直报错。 [NSKeyedArchiver archiveRootObject:account toFile:path];和c PPAccountModel *account [NSKeyedUnarchiver unarchiveObjectWithFile:…

上海国际智能遮阳与建筑节能展览会火热预约中,这份观展指南请收下

近年来,随着科技的不断进步和人们对环保、节能意识的增强,智能遮阳和建筑节能领域逐渐成为人们关注的热点。智能遮阳和建筑节能技术能够有效降低建筑物的能耗,提高建筑物的环保性能,从而促进行业的蓬勃发展。 同时,物联网、互联网、大数据、云计算....技术不断创新…

基于SpringBoot+vue的医院信管系统设计与实现(源码+LW+部署文档等)

博主介绍: 大家好,我是一名在Java圈混迹十余年的程序员,精通Java编程语言,同时也熟练掌握微信小程序、Python和Android等技术,能够为大家提供全方位的技术支持和交流。 我擅长在JavaWeb、SSH、SSM、SpringBoot等框架…