react项目如何引入字体文件

1.下载字体文件

常见的字体文件格式为 .ttf、.otf、.eot、.woff 和 .woff2 。

2.将下载的字体文件放入项目中

通常放在静态文件目录,例如 src/assets/fonts。

3.在css文件中声明字体

@font-face {font-family: 'CustomFont';src: url('../assets/fonts/custom-font.ttf'); /* 注意路径 */
}

4.在css文件中直接写字体样式

body {font-family: 'CustomFont';
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/3833.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Python脚本实现PC端大麦网自动购票(Selenium自动化测试工具)

文章目录 Selenium 简介Selenium webdriver 文档chromedriver(谷歌浏览器驱动)chromedriver 下载配置环境变量 大麦网购票脚本网页 dom 元素 启用远程调试(操作已打开的窗口) Selenium 简介 Selenium 是一个用于自动化测试的工具…

如何查看自己的公网IP?

我们在网络中,每一个设备都被分配了一个唯一的IP地址,用以区分和识别其他设备。公网IP地址是指可被公众访问的IP,是因特网上的全球唯一标识。当我们需要查看自己的公网IP时,可以采取以下几种方式。 使用命令行查看公网IP 在Windo…

【转载】C#集成JWT快速入门

一、JWT基本概念 JSON Web Token(JWT)是一种开放标准(RFC 7519),它定义了一种紧凑的、自包含的方式,用于在双方之间安全地传输信息作为JSON对象。这些信息可以被验证、信任,因为它们是数字签名…

算法06链表

算法06链表 一、链表概述1.1概述1.2链表的组成部分:1.3链表的优缺点: 二、链表典例力扣707.设计链表难点分析:(1)MyLinkedList成员变量的确定:(2)初始化自定义链表:&…

06.JAVAEE之线程4

1.定时器 1.1 定时器是什么 定时器也是软件开发中的一个重要组件. 类似于一个 " 闹钟 ". 达到一个设定的时间之后 , 就执行某个指定好的代码. 约定一个时间,时间到达之后,执行某个代码逻辑, 定时器非常常见,尤其是在进行网络通信的时候, 需要有等待的最大时间&…

Python+Django+MySQL框架的搭建涉及多个步骤下面是一个详细的搭建流程

PythonDjangoMySQL框架的搭建涉及多个步骤,下面是一个详细的搭建流程: 一、安装和配置Python环境 安装Python:确保你的计算机上安装了合适版本的Python。Django框架通常要求Python 3.x版本。 二、安装Django 使用pip安装Django&#xff1…

【学习笔记】

如何保护软件模块的定义 将数据定义放在模块xx.c文件中,C库中结构体的封装方法 这种方式的前提是模块xx需要有动态内存分配,通过create的方式,生成变量; 通过结构体共用体的方式[忘记了是哪个视频里看到] 利用的是共用体的思路…

孩子手机成瘾怎么办?教你几个技巧

现在科技是越来越发达了,手机能够给人们带来很多便利,孩子也可以通过手机了解到世界的变化。所以,父母可能在孩子很小的时候,就给孩子配备了一台手机,这就导致一些不好的后果。 1、倾听孩子的心声,给孩子高…

Linux之线程管理

目录 第1关:创建线程 任务描述 相关知识 使用pthread_create函数创建线程 编程要求 答案: 第2关:线程挂起 任务描述 相关知识 使用pthread_join挂起线程 编程要求 答案: 第3关:线程终止 任务描述 相关知识 使用pthread…

18种WEB常见漏洞:揭秘网络安全的薄弱点

输入验证漏洞: 认证和会话管理漏洞: 安全配置错误: 其他漏洞: 防范措施: Web 应用程序是现代互联网的核心,但它们也容易受到各种安全漏洞的影响。了解常见的 Web 漏洞类型,对于开发人员、安全测试人员和普通用户都至关重要。以下将介绍 18 种常见的 …

MySQL—MySQL的存储引擎之InnoDB

MySQL—MySQL的存储引擎之InnoDB 存储引擎及种类 存储引擎说明MyISAM高速引擎,拥有较高的插入,查询速度,但不支持事务InnoDB5.5版本后MySQL的默认数据库存储引擎,支持事务和行级锁,比MyISAM处理速度稍慢ISAMMyISAM的…

Android Studio查看viewtree

前言:之前开发过程一直看的是手机上开发者选项中的显示布局边界,开关状态需要手动来回切换,今天偶然在Android Studio中弄出了布局树觉得挺方便的。

某人的系统四分法(管理+ 规则+应用+对接)

管理 规则应用对接) 目录概述需求: 1.管理 规则应用对接设计思路实现思路分析1.管理系统功能2.规则系统3.应用系统 (主要是指业务系统)4.系统对接(本质上是消息) 拓展实现 参考资料和推荐阅读 Survive by d…

JPEG图像常用加密算法简介

JPEG图像加密算法 目前,JPEG图像加密算法可以分成异或加密、置乱加密和置乱与异或组合加密。下面对这三种加密方式进行阐述。 (1) 异或加密 文献[1]提出了一种基于异或加密的JPEG图像的RDH-EI方案。该算法通过对AC系数的ACA和图像的量化表进行流密码异或&#xf…

代码随想录训练营Day 33|Python|Leetcode|● 理论基础 ● 509. 斐波那契数 ● 70. 爬楼梯 ● 746. 使用最小花费爬楼梯

理论基础 动态规划五步曲 确定dp数组(dp table)以及下标的含义确定递推公式dp数组如何初始化确定遍历顺序举例推导dp数组 509. 斐波那契数 斐波那契数 (通常用 F(n) 表示)形成的序列称为 斐波那契数列 。该数列由 0 和 1 开始…

vue3——笔记2(计算属性,类与样式绑定)

计算属性 在 Vue3 中,计算属性的用法和 Vue2 基本上是一样的,但是在性能上有了一些改进。Vue3 中计算属性是通过computed函数来创建的,计算属性的值会在相关依赖发生改变时自动更新。与 Vue2 相比,Vue3 的计算属性在一些场景下会…

某翻译平台翻译接口逆向之webpack学习

逆向网址 aHR0cHM6Ly9mYW55aS55b3VkYW8uY29tLw 逆向链接 aHR0cHM6Ly9mYW55aS55b3VkYW8uY29tLyMv 逆向接口 aHR0cHM6Ly9kaWN0LnlvdWRhby5jb20vd2VidHJhbnNsYXRl 逆向过程 请求方式 POST 逆向参数 sign c168e4cb76169e90f82d28118dbd24d2 接口请求结果解密 过程分析 根据XHR…

大数据第七天

文章目录 吐槽一下这个是怎么需要真的这么大吗? 内核错误内核软死锁(soft lockup)我这个cpu很高吗?大模型都说了不超过80就行了 FinBi安装FinBI下载链接安装时间比较长 吐槽一下 dbeaver 查询hive 数据信息是真的慢,没有一点快的方式&…

【优秀AI项目】每日跟踪 OpenVoice ,AI快站,OpenVoice

持续更新好玩的开源AI项目或AI商业应用体验 一起来玩转AI!! 1 huggingface 国内镜像站:AI 快站 HUggingface被墙了,emmmmm 所以我之前玩模型的一大感觉就是 下载什么模型之类的太难受了!服了 看到一个镜像站——…

在Visio中插入半圆状箭头

在 Microsoft Visio 中,你可以通过以下步骤来绘制一个带箭头的半圆: 1.打开 Visio:打开 Microsoft Visio 软件。 2.选择绘图类型:在 Visio 中,你可以选择使用“基本形状”或“箭头线”工具来绘制带箭头的半圆。 使用…