vue项目引入外部字体文件

1、在根目录的assets中新建fonts目录

/* // 注意：font-family: 'XXX'; 将字体名字自定义为XXX,使用时要用这个名字 */
@font-face {font-family: 'ShiShangZhongHeiJianTi';src: url('./trends.ttf');
}

2、在main.js中引入字体文件

// 引入字体
import '@/assets/fonts/fonts.css'

3、页面中使用

span{font-family: 'ShiShangZhongHeiJianTi';
}

vue项目引入外部字体文件相关推荐

php计算时间差js,JavaScript如何计算时间差（引入外部字体文件）？
本章给大家带来用JavaScript如何计算时间差(引入外部字体文件)?有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. JavaScript Date() 对象: new Date() ...
css引入外部字体文件
1.下载您想要的网站字体 100font.com - 免费字体下载 - 免费商用字体下载网站 2.如果下载的字体文件是TTF格式,不能在网站上直接使用,则需要转换成eot.svg.woff格式,这里提 ...
Vue项目引入自定义字体 tinymce自定义字体的使用
字体也不是随便就能使用的,如果是有版权的字并且进行了大规模商用,很有可能面临着一大笔的赔偿金,所以公司会购买一些字体的使用权,所以在日常做项目时会经常使用到自定义字体引入的问题.我遇到的是Vue项目的 ...
在新版Vue中引入外部字体
**第一步:**下载相应的ttf文件,如我下载的华文行楷字体第二步添加响应的font-css文件 @font-face {font-family: "华文行楷";src: url ...
Vue中引入外部字体
使用外部字体首先得有外部字体的包,要得到外部字体的包,无外乎两种途径,一种到付费网站去购买,另一种就是到免费网站下载字体包.收费的傻事我们能做?所以这里给大家上一个免费网址:DaFont.com,目前 ...
html中怎样引入外部字体文件路径,CSS引入外部字体
.SVG,适用于Chrome.IPhone 那我们如何获得这四种文件呢?这里推荐一个线上字体转换软件,地址如下: https://www.fontsquirrel.com/tools/webfont- ...
Vue项目引入自定义字体
1. 问设计先要到字体文件(woff2|eot|ttf|otf) 因为项目对浏览器支持性要求不高,所以笔者只用了ttf文件(仅以苹方字体举例),一般情况ttf和woff就够用注: 如果要求支持Ope ...
vue项目引入新字体
1.把字体库放在文件中在这里插入图片描述 2.新建字样式文件文件写入: @font-face {font-family: DS-Digital; //字体名称可随意指定src: url('~@/ ...
vue项目使用外部字体
1.下载字体 https://www.dafont.com/ 2.项目中assets下添加一个字体样式文件夹front 将下载好的文件放到文件夹中,并创建一个front.css字体样式文件 : @fo ...

vue项目引入外部字体文件

vue项目引入外部字体文件相关推荐

最新文章

热门文章