✨ feat: 添加 Sarasa Mono 字体支持并优化样式

2026-04-12 13:29:17 +08:00
parent c0c0cc19b2
commit af78359d94
5 changed files with 233 additions and 8 deletions
--- a/web/admin/admin-header.php
+++ b/web/admin/admin-header.php
@@ -7,6 +7,64 @@ require_once ("../include/my_func.inc.php");
 <!DOCTYPE html>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <link rel=stylesheet href='../include/hoj.css' type='text/css'>
+<style>
+	@font-face {
+		font-family: 'Sarasa Mono SC Local';
+		src: local('等距更纱黑体 SC'),
+			local('Sarasa Mono SC'),
+			url('../template/syzoj/fonts/SarasaMonoSC-Regular.ttf') format('truetype');
+		font-weight: 400;
+		font-style: normal;
+		font-display: swap;
+	}
+
+	:root {
+		--hustoj-admin-font-family: 'Sarasa Mono SC Local', '等距更纱黑体 SC', 'Sarasa Mono SC', 'Sarasa Fixed SC', 'Sarasa Gothic SC', Consolas, 'Cascadia Mono', 'JetBrains Mono', 'Courier New', monospace;
+		--hustoj-admin-font-size: 26px;
+		--hustoj-admin-heading-size: 30px;
+		--hustoj-admin-subheading-size: 28px;
+		--hustoj-admin-line-height: 1.6;
+	}
+
+	body,
+	input,
+	textarea,
+	select,
+	button,
+	table,
+	pre,
+	code,
+	.btn,
+	.ui.button,
+	.ui.input input,
+	.ui.form textarea,
+	.ui.form select,
+	.ui.label,
+	.ui.segment,
+	.ui.message,
+	.ui.table,
+	.vditor,
+	.vditor-reset,
+	.vditor-reset * {
+		font-family: var(--hustoj-admin-font-family) !important;
+		font-size: var(--hustoj-admin-font-size) !important;
+		line-height: var(--hustoj-admin-line-height) !important;
+	}
+
+	h1,
+	h2,
+	h3,
+	.h-head,
+	.h2-head {
+		font-size: var(--hustoj-admin-heading-size) !important;
+	}
+
+	h4,
+	h5,
+	h6 {
+		font-size: var(--hustoj-admin-subheading-size) !important;
+	}
+</style>
 <script src="../template/syzoj/jquery.min.js"></script>
 <script>
 $("document").ready(function (){