Use Symbol Font for Close Button

hkilang · Jun 5, 2024 · ca15774 · ca15774
1 parent b4cef05
commit ca15774
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/public/index.html b/public/index.html
@@ -18,7 +18,8 @@
 		<dialog id="about-dialog" class="modal modal-bottom sm:modal-middle relative">
 			<div class="modal-box p-0 flex flex-col sm:max-w-3xl">
 				<form method="dialog">
-					<button type="submit" class="btn btn-ghost w-14 h-14 min-h-14 text-[2.5rem] absolute right-3 top-3 text-slate-500 hover:bg-opacity-10" aria-label="關閉">╳</button>
+					<!-- TODO: Should use 🗙 U+1F5D9 CANCELLATION X instead, but its metrics and weight are different from other characters -->
+					<button type="submit" class="btn btn-ghost w-14 h-14 min-h-14 text-[2.5rem] font-symbol font-normal absolute right-3 top-3 text-slate-500 hover:bg-opacity-10" aria-label="關閉">✕</button>
 				</form>
 				<h3 class="mx-6 mt-6 mb-[1.125rem]"><span class="font-symbol font-normal mr-2">🛈</span>關於</h3>
 				<hr />

diff --git a/src/index.css b/src/index.css
@@ -12,7 +12,7 @@
 	@font-face {
 		font-family: "Noto Sans Symbols 2";
 		font-display: swap;
-		src: url("https://fonts.gstatic.com/l/font?kit=I_uyMoGduATTei9eI8daxVHDyfisHr71ypbydJR7WOGXo6nZf0eLJkc&skey=5cf84917987cc637&v=v23") format("woff2");
+		src: url("https://fonts.gstatic.com/l/font?kit=I_uyMoGduATTei9eI8daxVHDyfisHr71ypbyaZR7WOGXo6nZf1WIKD_AmxM&skey=5cf84917987cc637&v=v23") format("woff2");
 		descent-override: 25%;
 	}
 	:root {