improve tag dialog

src/css/screen.css

@@ -56,14 +56,17 @@
 }
 
 @font-face {
-	font-family: "Noto Color Emoji";
-	src: local("Noto Color Emoji"), local("Apple Color Emoji"),
-		local("Android Emoji");
+	font-family: "Noto Emoji";
+	font-weight: normal;
+	src:
+		local("Noto Emoji"),
+		url("/fonts/NotoEmoji-Regular.ttf") format("ttf");
 }
 
 body {
 	text-align: justify;
-	font-family: Cantarell, sans-serif;
+	font-family: Cantarell, "Noto Color Emoji", "Apple Color Emoji",
+		"Android Emoji", "Noto Emoji", sans-serif;
 	margin: 2rem auto;
 	display: grid;
 	max-width: 100vw;
@@ -181,7 +184,8 @@ noscript .article-metadata {
 }
 
 .tag {
-	font-family: "Fira Code", monospace;
+	font-family: "Fira Code", "Noto Color Emoji", "Apple Color Emoji",
+		"Android Emoji", "Noto Emoji", monospace;
 	min-width: 3rem;
 	font-size: 0.7rem;
 	text-align: center;
@@ -210,7 +214,8 @@ pre {
 
 code {
 	font-size: 0.8rem;
-	font-family: "Fira Code", monospace;
+	font-family: "Fira Code", "Noto Color Emoji", "Apple Color Emoji",
+		"Android Emoji", "Noto Emoji", monospace;
 	background-color: hsl(var(--code-text-color-hsl) / 100%);
 	padding-block: 0.1rem;
 	padding-inline: 0.4rem;
@@ -352,10 +357,6 @@ button {
 	justify-content: space-between;
 }
 
-.emoji {
-	font-family: "Noto Color Emoji", emoji;
-}
-
 dialog {
 	position: absolute;
 	top: 10vh;