这里的特殊字体，指的是一般用户电脑未安装到本地的字体，要引入这样的字体，首先需要把字体文件下载下来。
就像上图这样的，ttf格式的，然后在项目里添加它。
然后我们在font.css里用@font-face规则引入这个字体文件并命名它。
（踩坑：引入字体资源时如后缀为.TTF，项目将无法识别，并且还报错）
然后在App.vue里的style导入它：
然后在任意组件中就可以使用了，效果如下：
更多专业前端知识，请上 【猿2048】www.mk2048.com
在vue项目中添加特殊字体
更多专业前端知识，请上 【猿2048】www.mk2048.com
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/364789.shtml
如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！相关文章
使用Spring WS创建合同优先的Web服务
1引言 本文介绍了如何使用来实现和测试SOAP Web服务 Spring Web Services项目 。 本示例使用JAXB2进行（取消）编组。 为了开发服务，我将使用合同优先的方法，该方法首先定义服务合同，然后基于该合同实施服务。 本文分为…
转载 Net多线程编程—System.Threading.Tasks.Parallel
.Net多线程编程—System.Threading.Tasks.Parallel System.Threading.Tasks.Parallel类提供了Parallel.Invoke，Parallel.For，Parallel.ForEach这三个静态方法。 1 Parallel.Invoke 尽可能并行执行所提供的每个操作，除非用户取消了操作。 方法…
Fiddler教程--简介
1、开发环境host配置自己修改系统的host来回挺麻烦的
2、前后的接口调试
3、线上bugfix
4、性能分析和优化
5.等等... 工作原理 一个代理服务器地址改为 127.0.0.1:8888流模式边走边返回缓冲模式http请求完成所有的数据之后，才返回 界面功能介绍 1.工具栏 从下图红色…
跟面向对象卯上了，看看ES6的“类”
上回我们说到ES5的面向对象，以及被大家公认的最佳的寄生组合式继承。时代在进步，在ES6中对于面向对象这个大boss理所应当地进行了一次大改，从原先那种比较长的写法转变为“小清新”写法。我们一起来看一下。 在ES6中是有类这个概念࿰…
Java 8中的5个功能将改变您的编码方式
Java 8在JVM和语言级别都包含了一些非常令人兴奋的功能。 虽然最初为该发行版设想的某些功能已扩大范围或已推出到第9版，但实际上有数十个新功能。 许多新添加的内容在编译器，JVM或帮助系统级别都进行了后台改进。 这样，虽然我们可能会从中受…
Java相关资料分享（视频+电子书籍）
关注微信公众号【Java典籍】，获取百度网盘提取码 ▼微信扫一扫下图↓↓↓二维码关注 转载于:https://www.cnblogs.com/bingyimeiling/p/10279049.html
vue项目 一行js代码搞定点击图片放大缩小
一行js代码搞定xue项目需要点击图片放大缩小，其实主要用的是用到了vue:class的动态切换，内容比较简单。一开始我把维护的需求想得太复杂了，和测试小姐姐聊了一下才反应过来。
两个月不到跟了四个项目，现在是维护改bug阶段&#x…
指针系统学习8-小结
1.有关指针的数据类型的小结 2.指针运算小结 一、指针变量加（减）一个整数,会指向上（下）1（i）个元素 例如：ｐ＋＋、ｐ－－、&am…
Spring集成–使用RMI通道适配器
1.引言 本文介绍了如何使用Spring Integration RMI通道适配器通过RMI发送和接收消息。 它由以下部分组成： 实施服务：第一部分着重于创建和公开服务。 实现客户端：显示如何使用MessagingTemplate类调用服务。 抽象SI逻辑：最后&a…
jquery点击非div区域隐藏div
点击非div区域隐藏div，如图，点击圆的头像（.person-msg）弹出白色底框(.person-centre)。点击圆头像以外的区域隐藏白色底框 html代码 <div class"per_c"><div class"person-msg pull-right"><i…
如何在Ubuntu上轻松安装Oracle Java
Ubuntu上的开发人员习惯于至少看到两种Java风格。 OpenJDK是Java运行时和编译器的开源构建。 Oracle JDK以此为基础，但是增加了一些封闭源组件。 从理论上讲，OpenJDK是Java 7的官方参考实现 ，并且完全可以满足您的所有需求。 在实践中&#…
今天发现新大陆：haml和Emmet
其实一开始小渣渣我只是想接触一下（css预处理器）sass，可是突然冒出一个haml。
原文是酱紫的。
Sass 是采用 Ruby 语言编写的一款 CSS 预处理语言，它诞生于2007年，是最大的成熟的 CSS 预处理语言。最初它是为了配合 H…
Docker系列（五）：.Net Core实现k8s健康探测机制
k8s通过liveness来探测微服务的存活性，判断什么时候该重启容器实现自愈。比如访问 Web 服务器时显示 500 内部错误，可能是系统超载，也可能是资源死锁，此时 httpd 进程并没有异常退出，在这种情况下重启容器可能是最直接…
编写java程序计算梯形面积_学习练习 java面向对象梯形面积
package com.hanqi;public class Ladder {double ShangDi;double XiaDi;double Gao;double MianJi;Ladder(double ShangDi, double XiaDi, double Gao){//使用参数来初始化属性//this 代表当前类this.ShangDi ShangDi;this.XiaDi XiaDi;this.Gao Gao;}//方法的命名ÿ…
02-再探MySQL数据库
一、数据类型 1、数值类型 a、整数类型 整数类型：TINYINT SMALLINT MEDIUMINT INT BIGINT 作用：存储年龄，等级，id，各种号码等。 tinyint[(m)] [unsigned] [zerofill]小整数，数据类型用于保存一些范围的整数…
js原生带缩略图的图片切换效果
js原生带缩略图的图片切换效果
本例中用到的 moveElement(elementID,final_x,final_y,interval)是来自《JavaScript DOM编程艺术（中文第二版）》一书第10章中有一段代码。（可以直接baidu）
左边是banner图，右边是缩略图…
linux 基础10-磁盘配额管理
1. 基本概念 1.1 概念： 在linux系统中，由于是多人多任务的使用环境，所以会有多人共同使用一个硬盘空间的情况，如果其中少数几个人大量使用了硬盘空间的话，势必会压缩其他使用者的使用空间，因此管理员应该适…
Centos系统通过tar.gz包安装MySQL5.7
环境准备： 操作系统： http://vault.centos.org/6.5/isos/x86_64/ 下载 CentOS-6.5-x86_64-bin-DVD1.iso vmware workstation下安装系统 MySQL安装包连接地址： https://downloads.mysql.com/archives/community/ 下载 mysql-5…
微信小程序实战篇：商品属性联动选择（案例）
本期的微信小程序实战篇来做一个电商网站经常用到的-商品属性联动选择的效果，素材参考了一点点奶茶。 效果演示： 商品属性联动.gif代码示例 1、commodity.xml <!-- <view class"title">属性值联动选择</view> -->
<!--…
Spring JMS：处理事务中的消息
1.引言 这篇文章将向您展示在使用JMS异步接收消息期间，使用者执行过程中的错误如何导致消息丢失。 然后，我将解释如何使用本地事务解决此问题。 您还将看到这种解决方案在某些情况下可能导致消息重复（例如，当它将消息保存到数据库…
推荐文章
- Filebeat升级秘籍：解锁日志收集新境界
- Spring Boot开箱即用可插拔实现过程演练与原理剖析
- 「AI Infra 软件开源不是一个选项，而是必然」丨云边端架构和 AI Infra专场回顾@RTE2024
- .NET6.0 CS0579“System.Reflection.AssemblyCompanyAttribute”特性重复 问题解决
- 卡尔曼滤波器
- day-82 最少翻转次数使二进制矩阵回文 I
- 《JavaScript模式》读书笔记一：基本技巧
- Array 的一些常用 API
- boltdb 学习和实践
- Javascript学习总结 - JS基础系列 二
- sublime text3 package control 报错
- Vim常用按键操作学习