奋斗De奶爸

关注

如何在vue项目中引入自定义字体

奋斗De奶爸

关注

阅读 78

2022-03-20

在这里插入图片描述
做大屏项目时,UI给出的设计稿数字是digital字体,实现方法如下
1、下载相应.ttf字体到本地
在这里插入图片描述
我是这这个网站下载的https://www.fonts.net.cn/
2、在css中引入字体
在这里插入图片描述
记得该css文件最后是要引入到main.js里面的
3、使用
在这里插入图片描述
在font-family中就可以使用自己引入的字体了
在这里插入图片描述

本文仅作为工作中的日常记录

相关推荐

b91bff6ffdb5

如何在 vue 项目中引入 html 文件

b91bff6ffdb5 65 0 0

杨沐涵

【CSS】全局声明引入自定义字体

杨沐涵 39 0 0

穆熙沐

如何在Spring Boot项目中添加自定义的配置文件?

穆熙沐 5 0 0

GhostInMatrix

如何在Qt项目中引入图片资源

GhostInMatrix 66 0 0

左手梦圆

如何在Java项目中引入iText库?

左手梦圆 146 0 0

凉夜lrs

自定义字体

凉夜lrs 172 0 0

白衣蓝剑冰魄

【Logback】如何在项目中快速引入Logback日志?

白衣蓝剑冰魄 29 0 0

全栈学习笔记

Vue项目中引入Echarts

全栈学习笔记 142 0 0

婉殇成长笔记

css中使用自定义字体 和 自定义字体图标

婉殇成长笔记 92 0 0

一叶轻舟okok

vue项目中tab切换和自定义组件的使用

一叶轻舟okok 71 0 0

精彩评论(0)

0 0 举报