vue3 -- 项目使用自定义字体font-family

news/2024/5/3 10:15:54

在Vue 3项目中使用自定义字体(font-family)的方法与在普通的HTML/CSS项目中类似。可以按照以下步骤进行操作:

  1. 引入字体文件: 首先,确保你的字体文件(通常是.woff、.woff2、.ttf等格式)位于项目中的某个目录下,比如src/assets/font/。
    在这里插入图片描述
  2. 在全局样式中定义字体: 在你的全局样式文件中(通常是App.vue或者一个单独的样式文件),使用@font-face规则引入字体文件,并定义字体名称。
@font-face {font-family: PangMen; //  font-family: "庞门正道标题体免费版";

http://www.mrgr.cn/p/41764662

相关文章

Python 将PDF转为PDF/A和PDF/X,以及PDF/A转回PDF

PDF/A和PDF/X是两种有特定用途的PDF格式,具体查看以下: PDF/A是一种用于长期存档的PDF格式,它旨在确保文档的内容和格式在未来的访问中保持不变。如果您需要对文件进行长期存档,比如法律文件或档案记录,将其转换为PDF…

L2正则化

L2正则化是一种用于机器学习和统计建模中的技术,旨在控制模型的复杂度,并防止过拟合。它通过在模型的损失函数中添加一个惩罚项来实现这一目的。这个惩罚项是模型权重的平方和,乘以一个正则化参数 λ。这样可以迫使模型权重趋向于较小的值&am…

XDEFIANT不羁联盟怎么申请测试 不羁联盟参与测试教程

《不羁联盟》有五个独具特色的阵营可供选择:自由武装、暗影小队、梯队、净化者、DedSec,全部出自育碧知名的角色与世界。无论是拥有“声纳护目镜”超能的梯队探员,还是拥有黑入对手设备能力的 DedSec,每个阵营都有自己的一套独特技…

hook初识之inline hook

文章首发阿里云先知社区:https://xz.aliyun.com/t/14033 什么是 hook hook 翻译过来就是钩子,它用于拦截并改变某个事件或操作的行为,比如我们大家在写 shellcode loader 时,直接使用申请内存,copy 内存等高危操作可能会报毒,然后尝试更换冷门的 api 或者直接使用内核函数…

鸿蒙HarmonyOS实战-ArkUI动画(布局更新动画)

🚀前言 动画是一种通过连续展示一系列静止的图像(称为帧)来创造出运动效果的艺术形式。它可以以手绘、计算机生成或其他各种形式呈现。在动画中,每一帧都具有微小的变化,当这些帧被快速播放时,人眼会产生视觉上的错觉,认为物体在运动。动画可以用来表达故事、观念、想法…

矩阵求导(二)

前面已经介绍了标量对向量和矩阵的求导以及向量和矩阵对标量的求导,现在介绍一下向量和向量之间的求导规则。向量对向量求导不管被求导的向量是行向量还是列向量,我们求导的步骤都是统一的,只要选择了分母布局,其求导结果都是一个与分母同行数的矩阵,而列数则等于分子向量…

Linux架构31 ansible roles角色, ansible galaxy

Ansible Roles角色 1.Ansible Roles基本概述 Roles基于一个已知的文件结构,去自动地加载某些 var_files, tasks 以及 handlers。 Ansible注意事项: 在编写roles的时候,最好能将一个task拆分为一个文件,方便后续复用。(彻底的打散)2.Ansible Roles目录结构 roles官方目录结构…

Mac安装Redis

Mac安装Redis # 安装Homebrew命令,Homebrew安装的软件会默认在/usr/local/Cellar/路径下 # /bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)" # Homebrew命令安装redis brew install redis启动Redis #方式一:使用brew帮助我…

如何使用 abp 创建 module 并应用单独的数据库迁移

创建 abp 项目 官方文档已经提供了非常详细的新建项目向导。参考:https://docs.abp.io/en/abp/latest/Getting-Started-Create-Solution?UI=Blazor&DB=EF&Tiered=Yes CLI 命令参考:https://docs.abp.io/en/abp/latest/CLI 我们使用 abp CLI 创建一个新项目。我使用 …

今天给大家推荐36套404页面模板

404页面是网站必备的一个页面,它承载着用户体验与SEO优化的重任。当用户访问不存在的页面时,服务器会返回404错误代码,并显示404页面。一个好的404页面可以帮助用户快速找到所需信息,并提升网站的用户体验。 以下是一些演示下载资…

OpenCV从入门到精通实战(六)——多目标追踪

基于原生的追踪 使用OpenCV库实现基于视频的对象追踪。通过以下步骤和Python代码,您将能够选择不同的追踪器,并对视频中的对象进行实时追踪。 步骤 1: 导入必要的库 首先,我们需要导入一些必要的Python库,包括argparse、time、…

redis常见的应用问题以及解决方案

redis中三种缓存问题以及解决方案缓存穿透 问题描述: key对应的数据在数据源并不存在,每次针对此key的请求从缓存获取不到,请求都会压到数据源(数据库),从而可能压垮数据源。 用一个不存在的用户id获取用户信息,不论缓存还是数据库都没有,若黑客利用此漏洞进行攻击可能…

产废端实时音视频监控系统在运输车辆驾驶室中的应用

实时音视频监控系统可通过在运输车辆驾驶室安装音视频摄录设备,实现将运输车辆内部及周围环境音视频数据通过移动网络实时回传指挥中心的功能。 前端摄录设备主要负责采集车内外的视音频信息,为了保障车辆及运输人员 的安全,应合理选择摄录设…

Linux程序调试优化(1)——内存占用详解及优化思路

文章目录 1.free查看总体的内存占用2./proc/$PID/status 查看某进程状态 linux开发最重要的两个参数,分别是内存以及CPU使用率,若内存出现严重不足,则在需要使用内存时,可能出现申请不到的情况,导致 OOM,L…

BOSHIDA DC电源模块的未来发展方向和创新应用领域

BOSHIDA DC电源模块的未来发展方向和创新应用领域 随着科技的快速发展,直流(DC)电源模块的应用领域也在不断扩大。从传统的电子产品到新兴的清洁能源领域,DC电源模块正发挥着越来越重要的作用。未来,DC电源模块将继续发展,并在更多领域创造创新应用。 一,DC电源模块在电…

React 简单登录平台Demo(1):Next.js配置

目录前言体验Next.js中文文档路径问题创建项目启动报错测试TailWindCSS 热重载如何添加路由第三方库引入tailwindcss配置相关链接布局新建布局布局也是嵌套影响的根节点layout配置路由跳转Link跳转Hook跳转简单的登录页面 前言 我之前的那个项目写到后面,发现还不如直接用Next…

torchEEG工具箱

文章信息: 题目:TorchEEGEMO:基于脑电图的情绪识别深度学习工具箱 期刊:Expert Systems with Applications 环境:pytorch 1.11.0 CUDA 11.3 摘要: ​ 一个python工具箱TorchEEG,将工作流程分为五个模块…

构建镜像优化经验

构建镜像已经简单到docker build 或 buildkit build了,但优化镜像成了下一个问题。Layer层数据是叠加的 容器镜像由多个Layer层数据组装而成,每一条命令结果都会以一个层存储并逐渐叠加。 以Python镜像安装诸多包为例。 # py-pip1.dockerfile FROM python # 安装每个包都以RU…

全氟烷氧基树脂(PFA)洗瓶的性能优势

洗瓶是化学实验室中用于装清洗溶液的一种容器,并配有发射细液流的装置。 #实验室#PFA#洗瓶 PFA洗瓶由特氟龙塑料制成,带有螺旋盖。特氟龙塑料被设计成柔韧的,因此可以用手挤压瓶子以产生压力,迫使瓶子中的液体流过塑料管并以单滴或窄流的形式流出到被清洁的表面上。 PFA洗瓶…