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

(vue)vue项目中引入外部字体

(vue)vue项目中引入外部字体


效果:
在这里插入图片描述

第一步 放置字体包,在assets下创建一个fonts文件夹,放入下载的字体文件

在这里插入图片描述

第二步 创建一个font.css文件用于定义这个字体包的名字在这里插入图片描述

第三步 在App.vue的css中将这个css文件引入

在这里插入图片描述

第四步 页面使用

font-family: DingTalk;

解决参考:https://blog.csdn.net/weixin_52630329/article/details/130069185

http://www.lryc.cn/news/97734.html

相关文章:

  • ChatGPT在语义理解和信息提取中的应用如何?
  • Mysql-主从复制与读写分离
  • 算法练习(3):牛客在线编程04 堆/栈/队列
  • mac下安装vue cli脚手架并搭建一个简易项目
  • 尝试-InsCode Stable Diffusion 美图活动一期
  • 【OpenGL学习】之着色器GLSL基础
  • Python爬虫基础知识点有哪些
  • 【CSS】 vh、rem 和 px 的区别
  • 如何设置板子从emmc启动-针对imx6ull
  • 使用Newtonsoft直接读取Json格式文本(Linq to Json)
  • 服务器用友数据库中了locked勒索病毒后怎么解锁数据恢复
  • Linux-MariaDB数据库的备份与初始化
  • springboot-redis使用fastjson2
  • SOC FPGA之HPS模型设计(二)
  • Go基础—反射,性能和灵活性的双刃剑
  • MATLAB与ROS联合仿真(慕羽☆)全套开源资料索引
  • 三、深入浅出WPF之控件与布局
  • 社群积分运营策略:增加用户忠诚度
  • 推荐用于学习RN原生模块开发的开源库—react-native-ble-manager
  • MySQL中锁的简介——全局锁
  • RocketMQ集群4.9.2升级4.9.6版本
  • 具身智能controller---RT-1(Robotics Transformer)(上---方法介绍)
  • 视频内存过大如何压缩变小?这个压缩方法了解一下
  • 【Ansible】自动化部署工具-----Ansible
  • Ubuntu下安装Node.js;npm
  • 设计模式-模版方法模式
  • Linux 学习记录59(ARM篇)
  • TypeScript -- 函数
  • 网页开发基础——HTML
  • C# 继承,封装,多态等知识点