微软雅黑存在版权问题,所以改用思源黑体,
实现步骤:
1,项目全局搜索微软雅黑相关的中英关键字,删除字体,包括在node_modules下的。
2.下载思源黑体字体库 https://download.csdn.net/download/u012138137/11587507 里面已经包含了通过font-face转换得到css字体样式
3.在index.html引入字体
注意问题:1.该字体是放在项目的static目录下的,所以url引入路径也要对应着改,2.字体引入应该要放在全局font-family第一位,各自项目按照需求来。
4. 通过项目运行的页面可以看出字体有没正常加载
vue+elementui 字体改用思源黑体
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
怎样让div中的字上下左右居中
shaochengand
2020-07-08 11:56:57
TOMCAT下配置项目路径
shaochengand
2020-07-08 11:56:57
HTML+CSS+JS实现小学四则运算自动出题程序
马踏飞燕&lin_li
2020-07-08 11:54:31
JS 实现拖拽效果
马踏飞燕&lin_li
2020-07-08 11:54:29
详解Flex布局
马踏飞燕&lin_li
2020-07-08 11:54:29
HTML + CSS + JS 实现随机抽奖
马踏飞燕&lin_li
2020-07-08 11:54:28
Flex布局实战:支付宝首页
马踏飞燕&lin_li
2020-07-08 11:54:28
Axios--基础知识
GQ_cyan
2020-07-08 11:50:38
HTML5入门之常用标签
blackcatkiller
2020-07-08 10:51:12
[转]css父元素背景覆盖其子元素背景, 正常一般是子元素的背景会覆盖父元素的背景
牛頓的小腦
2020-11-17 13:54:11
html+css 选项卡
<style type=text/css>td { font-size: 12px; color: #000000; line-heig
bluelazyboy
2020-07-08 12:23:28
position:absolute下,top:0,right:0,bottom:0,left:0 结合margin:auto的作用(让明确宽高的盒子水平垂直居中于父元素)
絕對定位 + margin,讓明確寬高的盒子水平垂直居中於窗口 <!DOCTYPE> <html> <head> <meta charset="UTF-8"> <meta name="vie
ddx2019
2020-07-08 11:55:42
css每日一报(自己积累平时写法)
空手走-web
2020-07-08 11:54:55
24小時熱門文章
-
再谈23种设计模式(3):行为型模式(学习笔记)
-
Power Automate Desktop 安装完,登录后老是提示one driver 错误
-
微前端学习笔记(4):从微前端到微模块之EMP与hel-micro方案探索
-
微前端学习笔记(1):微前端总体架构概述,从微服务发微
-
985 硕士程序员,空窗 4 个月没有 Offer!
-
一文搞懂 Spring 循环依赖
-
赛博斗地主——使用大语言模型扮演Agent智能体玩牌类游戏。
-
VScode右键打开(添加到右键)
-
记一次 .NET某工控视觉自动化系统 卡死分析
-
WindowsServer--SQL Server搭建主从同步实现读写分离 - 事务性分发