微軟雅黑存在版權問題,所以改用思源黑體,
實現步驟:
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