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

vue项目中使用特殊字体的步骤

news 文章来源：https://blog.csdn.net/qq_64760783/article/details/132887894 2025/1/15 19:51:52

写在前面

在项目中使用特殊字体，需要注意，所使用的特殊字体是否被允许商用或是个人开发，以及如何使用，切记不要侵权。

首先需要在对应字体网站下载字体文件，取出里面后缀名为.ttf的文件

image-20230914154404948

然后把该文件放到src -> assets -> fonts -> 目录下，并在当前目录里新建一个fonts.css文件，把字体文件在该文件中声明

image-20230914154446205

代码片段如下：

@font-face {font-family: "Alimama_DongFangDaKai_Regular";src: url(./阿里妈妈东方大楷_Regular.ttf);font-weight: normal;font-style: normal;
}

再然后就在main.js文件中全局声明fonts.js文件

image-20230914154538963

最后在需要使用特殊字体的地方直接引用即可
image-20230914154603156

相关文章：

vue项目中使用特殊字体的步骤

写在前面 在项目中使用特殊字体，需要注意，所使用的特殊字体是否被允许商用或是个人开发，以及如何使用，切记不要侵权。 首先需要在对应字体网站下载字体文件，取出里面后缀名为.ttf的文件 然后把该文件放到src -> ass…...

编程日记 2023/9/14 19:02:39

激光雷达检测负障碍物（附大概 C++ 代码)

检测效果如图，红色是正负的障碍物点： 障碍物根据其相对于地面的高度可以分为两类：正向障碍物和负向障碍物。在室外环境中，负障碍物是沟渠、悬崖、洞口或具有陡峭负坡度的地形，可能会造成安全隐患。 不慎通过道路坑洼处…...

编程日记 2023/9/14 19:01:38

【每日一题】9.13 PING是怎么工作的？

PING命令的作用是什么? PING命令是计算机网络中常用的命令之一，它的作用是测试两台计算机之间的连通性以及测量数据包往返的时间。 PING命令的工作原理是什么? PING命令的工作原理涉及到ICMP(Internet Control Message Protocol)和网络协议栈的操作: 1.发送ICMP …...

编程日记 2023/9/14 18:59:35

【Python百日进阶-Web开发-Peewee】Day279 - SQLite 扩展（四）

文章目录 12.2.10 class FTSModel 12.2.10 class FTSModel class FTSModel与FTS3 和 FTS4 全文搜索扩展VirtualModel一起使用的子类。 FTSModel 子类应该正常定义，但是有几个注意事项： 不支持唯一约束、非空约束、检查约束和外键。字段索引和多列索引…...

编程日记 2023/9/14 18:58:34

Postman接口压力测试 ---- Tests使用（断言）

所谓断言，主要用于测试返回的数据结果进行匹配判断，匹配成功返回PASS，失败返回FAIL。 下图方法一，直接点击右侧例子函数，会自动生成出现在左侧窗口脚本，只需修改数据即可。 方法二：直接自己写脚…...

编程日记 2023/9/14 18:57:33

nvue文件中@click.stop失效

在nvue文件中在子元素使用click.stop失效，父元素的事件触发了 在uniapp开发中nvue文件是跟vue文件是不一样的，就比如click.stop阻止点击事件继续传播就失效了，这时我们需要在子元素事件中添加条件编译，这样就会解决这个问题 // …...

编程日记 2023/9/14 18:56:32

【微信小程序开发】宠物预约医疗项目实战-开发功能介绍

【微信小程序开发】宠物医院项目实战-开发功能介绍 前言 本项目主要带领大家学习微信小程序开发技术，通过一个完整的项目系统的学习微信小程序的开发过程。鉴于一些同学对视频教学跟不上节奏，为此通过图文描述的方式，完整的将系统开发过程记…...

编程日记 2023/9/14 18:55:31

vue网页缓存页面与不缓存页面处理

在主路由页面 <template><div style"height: 100%"><!-- 缓存 --><keep-alive><router-view v-if"$route.meta.keepAlive"></router-view></keep-alive><!-- 不缓存 --><router-view v-if"!$rou…...

编程日记 2023/9/14 18:54:30

AI系统论文阅读：SmartMoE

提出稀疏架构是为了打破具有密集架构的DNN模型中模型大小和计算成本之间的连贯关系的——最著名的MoE。 MoE模型将传统训练模型中的layer换成了多个expert sub-networks&#xff0c;对每个输入&#xff0c;都有一层special gating network 来将其分配到最适合它的expert中&…...

编程日记 2023/9/14 18:53:29

AD20多层板设计中的平电层设计规则

一般情况下的多层板设计非常复杂&#xff0c;尤其层叠的次序以及平电层的电源层设计&#xff0c;Gnd层的设计比较简单&#xff0c;不需要过多的关注&#xff0c;但是电源层的设计非常关键&#xff0c;常常让人感到无法下手的感觉&#xff0c;这里介绍一个简单的防盲很快的让你上…...

编程日记 2023/9/14 18:51:27

压力测试有哪些评价指标

在进行压力测试时&#xff0c;您可以评估多个指标来确定系统的性能和稳定性。以下是一些常见的压力测试评价指标&#xff1a; 响应时间&#xff08;Response Time&#xff09;&#xff1a; 平均响应时间&#xff1a;请求的平均处理时间。 最大响应时间&#xff1a;最长处理时…...

编程日记 2023/9/14 18:50:26

简单 php结合WebUploader实现文件上传功能

WebUploader 资源下载 http://fex.baidu.com/webuploader/download.html WebUploader 使用方法 http://fex.baidu.com/webuploader/getting-started.html php 上传代码 <?php header(Content-type:text/html;charsetutf-8);if($_FILES[file][error] 0){ // 判断上传是…...

编程日记 2023/9/14 18:49:25

Pandas数据分析一览-短期内快速学会数据分析指南(文末送书)

前言 三年耕耘大厂数据分析师&#xff0c;有些工具是必须要掌握的&#xff0c;尤其是Python中的数据分析三剑客&#xff1a;Pandas&#xff0c;Numpy和Matplotlib。就以个人经验而已&#xff0c;Pandas是必须要掌握的&#xff0c;它提供了易于使用的数据结构和数据操作工具&am…...

编程日记 2023/9/14 18:48:24

应用程序分类与相关基本概念介绍

0、引言 在从事软件开发的过程中&#xff0c;由于笔者并不是计算机专业的同学&#xff0c;所以时常会对一些概念感到困惑。比如&#xff1a; 前些年很火的前端和后端是什么意思&#xff1f;什么是 GUI&#xff1f;什么是 CLI&#xff1f;计算机的应用程序分为哪些种类&#x…...

编程日记 2023/9/14 18:47:23

springcloude gateway的意义

应用场景 1、南北向流量 需要流量网关和微服务网关配合使用&#xff0c;将内部的微服务能力&#xff0c;以统一的 HTTP 接入点对外提供服务。 流量网管主要是接入流量进行负载均衡&#xff0c;上游的微服务网关地址和数量变化不大&#xff0c;对服务发现要求不高。 微服务网…...

编程日记 2023/9/14 18:46:22

重新定义每天进步一点点

日拱一卒&#xff0c;每天进步一点点~ 这个主题之前写过一次&#xff0c;今天看了《全情投入》又有了新的感触&#xff0c;于是将其记录下来。 关于目标的设定问题 目标不是改变自己的日常行动&#xff0c;而是改变进行活动时的思维&#xff01; 有些事情&#xff0c;坚持下…...

编程日记 2023/9/14 18:44:20

代码随想录算法训练营第51天 | ● 309.最佳买卖股票时机含冷冻期 ● 714.买卖股票的最佳时机含手续费

文章目录 前言一、309.最佳买卖股票时机含冷冻期二、714.买卖股票的最佳时机含手续费总结 前言 买卖股票 完结&#xff1b; 一、309.最佳买卖股票时机含冷冻期 确定dp数组以及下标的含义 dp[i][j]&#xff0c;第i天状态为j&#xff0c;所剩的最多现金为dp[i][j]。 其实本题很多…...

编程日记 2023/9/14 18:43:19

李佳琦掉粉，国货品牌却从“商战大剧”走向“情景喜剧”

李佳琦直播间带货怼网友&#xff0c;“哪里贵了&#xff0c;国货很难的”“这么多年工资没涨&#xff0c;有没有认真工作&#xff1f;”本人事后垂泪道歉仍掉粉百万&#xff0c;但是闻风而来的国货品牌却迎来了一场流量盛宴。 从蜂花蹲点“捡”粉丝&#xff0c;上架三款79元洗…...

编程日记 2023/9/14 18:42:18

linux 下 C++ 与三菱PLC 通过MC Qna3E 二进制 协议进行交互

西门子plc 有snap7库 进行交互&#xff0c;并且支持c 而且跨平台。但是三菱系列PLC并没有现成的开源项目&#xff0c;没办法只能自己拼接&#xff0c;我这里实现了MC 协议 Qna3E 帧&#xff0c;并使用二进制进行交互。 #pragma once#include <stdio.h> #include <std…...

编程日记 2023/9/14 18:40:16

Spring基础（2w字---学习总结版）

目录 一、Spirng概括 1、什么是Spring 2、什么是容器 3、什么是IoC 4、模拟实现IoC 4.1、传统的对象创建开发 5、理解IoC容器 6、DI概括 二、创建Spring项目 1、创建spring项目 2、Bean对象 2.1、创建Bean对象 2.2、存储Bean对象&#xff08;将Bean对象注册到容器…...

编程日记 2023/9/14 18:39:15

07 目标检测-YOLO的基本原理详解

一、YOLO的背景及分类模型 1、YOLO的背景 上图中是手机中的一个app&#xff0c;在任何场景下(工业场景&#xff0c;生活场景等等)都可以试试这个app和这个算法&#xff0c;这个app中间还有一个button&#xff0c;来调节app使用的模型的大小&#xff0c;更大的模型实时性差但精…...

编程日记 2023/9/14 18:37:12

每日一题 78子集（模板）

题目 78 给你一个整数数组 nums &#xff0c;数组中的元素 互不相同 。返回该数组所有可能的子集&#xff08;幂集&#xff09;。 解集 不能 包含重复的子集。你可以按 任意顺序 返回解集。 示例 1&#xff1a; 输入&#xff1a;nums [1,2,3] 输出&#xff1a;[[],[1],[2]…...

编程日记 2023/9/14 18:36:11

OpenCV之形态学操作

形态学操作包含以下操作&#xff1a; 腐蚀 (Erosion)膨胀 (Dilation)开运算 (Opening)闭运算 (Closing)形态梯度 (Morphological Gradient)顶帽 (Top Hat)黑帽(Black Hat) 其中腐蚀和膨胀操作是最基本的操作&#xff0c;其他操作由这两个操作变换而来。 腐蚀 用一个结构元素…...

编程日记 2023/9/14 18:35:11

设计模式：享元模式

设计模式&#xff1a;享元模式 什么是享元模式 首先我们需要简单了解一下什么是享元模式。享元模式(Flyweight Pattern):主要用于减少创建对象的数量&#xff0c;以减少内存占用和提高性能。享元模式的重点就在这个享字&#xff0c;通过一些共享技术来减少对象的创建&#xff…...

编程日记 2023/9/14 18:34:10

汉诺塔问题（包含了三台柱和四台柱）——C语言版本

目录 1. 什么是汉诺塔 2. 三座台柱的汉诺塔 2.1 思路 2.2 三座台柱的汉诺塔代码 3. 四座台柱的汉诺塔 3.1 思路 3.2 四座台柱的汉诺塔代码 1. 什么是汉诺塔 汉诺塔代码的功能&#xff1a;计算盘子的移动次数&#xff0c;由数学公式知&#xff0c;汉诺塔的盘子移动次数与…...

编程日记 2023/9/14 18:33:09

【实训项目】滴滴电竞APP

1.设计摘要 2013年国家体育总局决定成立一支由17人组成的电子竞技国家队&#xff0c;第四届亚室会中国电竞代表队 出战第四届亚洲室内和武道运动会。 2014年1月13日CCTV5《体育人间》播放英雄联盟皇族战队的纪录片。 在2015到2019年间&#xff0c;我国电竞战队取得的无数值得…...

编程日记 2023/9/14 18:32:07

C++核心编程--类篇

C核心编程 1.内存分区模型 C程序在执行时&#xff0c;将内存大方向分为4个区域 意义&#xff1a;不同区域存放数据&#xff0c;赋予不同的生命周期&#xff0c;更能灵活编程 代码区&#xff1a;存放函数体的二进制代码&#xff0c;由操作系统进行管理的全局区&#xff1a;存放…...

编程日记 2023/9/14 18:31:06

java中用feign远程调用注解FeignClient的时候不重写Encoder和Decoder怎么格式不对呢？

如果在使用 Feign 进行远程调用时&#xff0c;没有重写 Encoder 和 Decoder&#xff0c;但仍然遇到格式不对的问题&#xff0c;可能是由于以下原因之一&#xff1a; 服务端返回的数据格式与客户端期望的格式不匹配&#xff1a;Feign 默认使用基于 Jackson 的 Encoder 和 Decode…...

编程日记 2023/9/14 18:30:04

记录使用Docker Compose 部署《XAPI项目》遇道的问题及解决方案

《XAPI项目》&#xff1a;GitHub仓库&#xff08;勿打&#x1f6ab;小破站一个&#xff09; 这篇文档&#xff0c;主要内容是记录使用Docker Compose 部署《XAPI项目》遇道的问题及解决方案 目录 &#x1f4da; 本地MySQL数据如何导入到容器内的MySQL中❎ 解决报错&#xff1a;…...

编程日记 2023/9/14 18:29:02

腾讯云OCR实践 - 降低客服财务运营成本

一、 前言&#xff1a; 随着图片时代的飞速发展&#xff0c;大量的文字内容为了优化排版和表现效果&#xff0c;都采用了图片的形式发布和存储&#xff0c;这为内容的传播和安全性带来了很大的便利&#xff0c;需要做重复性劳动。 OCR文字扫描工具也逐渐的应运而生&#xff0c;…...

编程日记 2023/9/14 18:28:01

浙江广厦建设职业技术学院招生网站/长尾关键词爱站网

1、确认系统已经安装了SSH。rpm –qa | grep opensshyum install ssh -y ##安装SSH协议2、生成秘钥对ssh-keygen -t rsa -P ##直接回车生成的密钥对&#xff1a;id_rsa和id_rsa.pub&#xff0c;默认存储在用户的目录下 如&#xff1a;/home/oldboy/.ssh。 如下&#xff1…...

编程日记 2025/1/15 19:40:42

网站建设中 很快回来/双11各大电商平台销售数据

工作中常会用到数据分析&#xff0c;可能是月数据分析&#xff0c;也可能是年&#xff0c;因为从事的岗位是运营&#xff0c;所以运营少不了都会汇总数据&#xff0c;然后通过数据分析&#xff0c;得出结论&#xff0c;再根据结论思考运营的新方向。所以几乎每日&#xff0c;每…...

编程日记 2025/1/15 17:22:04

做网站编码/seo推广技术

1, Java的基本部分 1.1 java中int数据占几个字节 1.2 有了基本类型, 为什么还需要包装类型? 1.3 说一下""和equals方法的区别? 1.4 讲一下String和StringBuilder的区别(final)&#xff1f;StringBuffer和StringBuilder的区别? 1.5, 讲一下java中的集合? 1.6 Ar…...

编程日记 2025/1/15 16:59:37

江门那里做公司网站好/seo关键词排名优化系统

Segmentation Fault (core dumped)&#xff0c;段错误 输入命令&#xff1a;gcc 文件名 -g &#xff0c;后按回车 (意思是添加一个gdb调试手段)输入命令 &#xff1a;gdb 编译后的文件名&#xff0c;后按回车 &#xff08;这时会出现一堆字符&…...

编程日记 2025/1/15 16:51:25

做直播的网站有哪些/seo短视频入口

#############################################本文为极度寒冰原创&#xff0c;转载请注明出处#############################################引言使在Android N的系统上&#xff0c;初次使用了Ninja的编译系统。对于Ninja&#xff0c;最初的印象是用在了Chromium open sourc…...

编程日记 2025/1/15 12:51:21

手机端网站图片上传如何做/南京seo新浪

前言 III族一定是受主吗，V族一定做施主吗？ 元素周期表 \;\\\;\\\; III族元素：硼B、铝Al、镓Ga、铟In V族元素：氮N、磷P、砷As、锑Sb...

编程日记 2025/1/15 10:46:26