diff --git a/web/src/styles/index.css b/web/src/styles/index.css index e98c049..7177700 100644 --- a/web/src/styles/index.css +++ b/web/src/styles/index.css @@ -4,9 +4,20 @@ box-sizing: border-box; } +/* 字体:中文字体必须排在列表最前面。 + 原因:Windows 上 -apple-system / BlinkMacSystemFont / Segoe UI / Helvetica 这类 + 英文字体虽然存在,但不含中文字形,一旦被选为首选字体,浏览器就会把中文回退到 + 系统默认字体(常见为宋体),导致中文显示为衬线体、与英文数字混排不一致。 */ html, body, #app { height: 100%; - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif; + font-family: 'Microsoft YaHei', '微软雅黑', 'PingFang SC', 'Hiragino Sans GB', + -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; +} + +/* Element Plus 组件(表单、表格、按钮等)的字体取自这个变量,同样让中文字体优先 */ +:root { + --el-font-family: 'Microsoft YaHei', '微软雅黑', 'PingFang SC', 'Hiragino Sans GB', + 'Helvetica Neue', Helvetica, Arial, sans-serif; } body { diff --git a/web/src/views/prod/lsjl/index.vue b/web/src/views/prod/lsjl/index.vue index c7394d8..084727e 100644 --- a/web/src/views/prod/lsjl/index.vue +++ b/web/src/views/prod/lsjl/index.vue @@ -180,8 +180,10 @@ onMounted(() => { load(); loadDepts(); loadZhuangkou(); loadGuige(); }); - - + + +