vue 引用自定义ttf、otf、在线字体的方法
作者：stu_yiliang 发布时间：2024-04-30 10:18:47
标签：vue,字体,ttf,otf
1. 将下载好的字体放到本地目录
分别是两种字体
放到项目的 assets 目录中
2. 引入字体文件
首先创建一个 styles 文件夹，之后也可以用于存放一些公共的样式文件。再新建一个 index.less 文件，引入字体。
@font-face {
font-family: Snickles;
src: url('../assets/Snickles-webfont.ttf');
}
@font-face {
font-family: Ronda;
src: url('../assets/RondaITCbyBT-Roman.otf');
}
3. 在项目中（main.js）引入刚刚加载进来的字体
4. 测试
效果图：
效果图：
总结
以上所述是小编给大家介绍的vue 引用自定义ttf、otf、在线字体的方法,网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
来源：https://blog.csdn.net/GreekMrzzJ/article/details/83020558
0
投稿猜你喜欢
- 在本节中，我们将详细介绍 Python 标准库中的 json 模块。JSON（JavaScript Objec
- 本文主要关于python的正则表达式的符号与方法。findall: 找寻所有匹配，返回所有组合的列表search: 找寻第一个匹配并返回su
- 首先创建如下的数组和矩阵,其中a,b为数组，A，B为矩阵import numpy as npa = np.arange(1,5).resha
- 本文实例讲述了Mysql存储过程中游标的用法。分享给大家供大家参考。具体如下：1. 批量插入商户路由关联数据：DELIMITER $$USE
Python与Perl，C和Java语言等有许多相似之处。不过，也有语言之间有一些明确的区别。本章的目的是让你迅速学习Pytho- 这里是说watch调用methods里方法的时候，页面经常会报找不到方法这个时候一定要在watch里去输出一下this，看看this包裹的壳
- 通过urllib2、re模块抓种子思路1.用程序登录论坛(如果需要登录才能访问的版块)2.访问指定版块3.遍历帖子（先取指定页，再遍历页面所
- 本文实例讲述了Python面向对象程序设计。分享给大家供大家参考，具体如下：示例1：#encoding:utf-8''
- Declaring class members or methods as st
- 进程、线程和协程进程的定义：进程，是计算机中已运行程序的实体。程序本身只是指令、数据及其组织形式的描述，进程才是程序的真正运行实例。线程的定
- 同时在线访问量继续增大 对于1G内存的服务器明显感觉到吃力严重时甚至每天都会死机 或者时不时的服务器卡一下 这个问题曾经困扰了我半个多月My
- 使用SQL对数据进行提取和分析时，我们经常会遇到数据重复的场景，需要我们对数据进行去重后分析。以某电商公司的销售报表为例，常见的去重方法我们
- 用的vue-cli(webpack-simple模板)，在开发环境运行（npm run dev），一直都没有问题，突然在ios的safari
- 本文实例讲述了JS实现的倒计时效果。分享给大家供大家参考，具体如下：我们经常会看到某些网站在注册的时候喜欢搞个按钮倒计时的效果，就是多少秒之
- <html>位于网页的顶端它没有父辈，称之为根节点1.元素节点(element node)可以说，整个DOM模型都是由元素节点(
- 本文实例讲述了Python读取文件内容的三种常用方式。分享给大家供大家参考，具体如下：本次实验的文件是一个60M的文件，共计392660行内
- 最近，我们老大要我写一个守护者程序，对服务器进程进行守护。如果服务器不幸挂掉了，守护者能即时的重启应用程序。上网Google了一下，发现Py
- 导语前几天，有人私信小编：说陪女朋友在小广场上面逛街玩儿扎气球：结果一个都没扎破，扎心了老铁。女朋友都要离家出走了~让我给想想办法：小编只想
- QUICKSORT(A, p, r)是快速排序的子程序，调用划分程序对数组进行划分，然后递归地调用QUICKSORT(A, p, r)，以完
- 记得有一期ucdchina书友会里面，聊过一次大家的工作习惯问题，现在回想起来很有意思，特整理这篇文章分享给大家。关于photoshop1
