Просмотр исходного кода

perf(base-L11): App.vue 与 design/default.less 的 @font-face 增加 font-display: swap

86132 1 неделя назад
Родитель
Сommit
d2601c76a5
2 измененных файлов с 5 добавлено и 0 удалено
  1. 4 0
      src/App.vue
  2. 1 0
      src/design/themify/default.less

+ 4 - 0
src/App.vue

@@ -75,23 +75,27 @@
     src: url('/@/assets/font/douyuFont.otf');
     font-weight: normal;
     font-style: normal;
+    font-display: swap; // [perf-base-v1] 字体加载期间先用系统字体渲染,避免不可见文本阻塞
   }
   @font-face {
     font-family: 'numberFont';
     src: url('/@/assets/font/yjsz.TTF');
     font-weight: normal;
     font-style: normal;
+    font-display: swap; // [perf-base-v1] 字体加载期间先用系统字体渲染,避免不可见文本阻塞
   }
   @font-face {
     font-family: 'electronicFont';
     src: url('/@/assets/font/DS-DIGIT.TTF');
     font-weight: normal;
     font-style: normal;
+    font-display: swap; // [perf-base-v1] 字体加载期间先用系统字体渲染,避免不可见文本阻塞
   }
   @font-face {
     font-family: 'ysbtFont';
     src: url('/@/assets/font/ysbtFont.ttf');
     font-weight: normal;
     font-style: normal;
+    font-display: swap; // [perf-base-v1] 字体加载期间先用系统字体渲染,避免不可见文本阻塞
   }
 </style>

+ 1 - 0
src/design/themify/default.less

@@ -2,6 +2,7 @@ html {
   @font-face {
     font-family: 'douyuFont';
     src: url('@/assets/font/douyuFont.otf');
+    font-display: swap; // [perf-base-v1] 字体加载期间先用系统字体渲染,避免不可见文本阻塞
   }
   // html[data-theme='vent1'] {
   --vent-primary-color: #1580cc;