Optimize link style in chrome and firefox

Author: apqx

npm/dist/assets/blog-scaffold.css

@@ -14,13 +14,6 @@
 // 但是其使用的 CBDT/CBLC 色彩格式并不被 Safari 支持，导致渲染明显卡顿，不要使用 
 // @use "NotoColorEmojiRegular";
 
-// Noto Serif SC，思源宋体
-// @import url("https://fonts.googleapis.com/css2?family=Noto+Serif+SC:[email protected]&display=swap");
-// // Noto Sans SC，思源黑体
-// @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:[email protected]&display=swap");
-// // Noto Sans SC，思源黑体，等宽
-// @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:[email protected]&display=swap");
-
 // @font-face {
 //     font-family: "Noto Serif SC";
 //     src: url("http://localhost:4000/assets/NotoSerifSC-VariableFont_wght.ttf") format('truetype');

npm/src/component/font/font.scss

@@ -142,7 +142,10 @@ a {
     position: relative;
     text-decoration: underline;
     // 下划线与文字的间距
-    text-underline-offset: 0.25rem;
+    // Safari
+    -webkit-text-underline-offset: 0.18rem;
+    // Chrome, Firefox
+    text-underline-offset: 0.15rem;
     // 下划线粗细
     text-decoration-thickness: 1px;
     // 去除移动版Chrome点击时默认的蓝色背景
@@ -152,7 +155,7 @@ a {
 }
 
 .font-noto-serif-sc a {
-    text-underline-offset: 0.2rem;
+    text-underline-offset: 0.15rem;
 }
 
 // a::after {