feat(html): use sarasa term j font

1 files changed, 68 insertions, 0 deletions

diff --git a/src/app.html b/src/app.html
index b1c23e5e..316e6792 100644
--- a/src/app.html
+++ b/src/app.html
@@ -128,6 +128,74 @@
 		</script>
 
 		<style>
+			@font-face {
+				font-family: 'Sarasa Term J';
+				src: url('/fonts/sarasa-term-j-bold.ttf') format('truetype');
+				font-weight: bold;
+			}
+
+			@font-face {
+				font-family: 'Sarasa Term J';
+				src: url('/fonts/sarasa-term-j-bolditalic.ttf') format('truetype');
+				font-weight: bold;
+				font-style: italic;
+			}
+
+			@font-face {
+				font-family: 'Sarasa Term J';
+				src: url('/fonts/sarasa-term-j-extralight.ttf') format('truetype');
+				font-weight: 200;
+			}
+
+			@font-face {
+				font-family: 'Sarasa Term J';
+				src: url('/fonts/sarasa-term-j-extralightitalic.ttf') format('truetype');
+				font-weight: 200;
+				font-style: italic;
+			}
+
+			@font-face {
+				font-family: 'Sarasa Term J';
+				src: url('/fonts/sarasa-term-j-italic.ttf') format('truetype');
+				font-style: italic;
+			}
+
+			@font-face {
+				font-family: 'Sarasa Term J';
+				src: url('/fonts/sarasa-term-j-light.ttf') format('truetype');
+				font-weight: 300;
+			}
+
+			@font-face {
+				font-family: 'Sarasa Term J';
+				src: url('/fonts/sarasa-term-j-lightitalic.ttf') format('truetype');
+				font-weight: 300;
+				font-style: italic;
+			}
+
+			@font-face {
+				font-family: 'Sarasa Term J';
+				src: url('/fonts/sarasa-term-j-regular.ttf') format('truetype');
+				font-weight: normal;
+			}
+
+			@font-face {
+				font-family: 'Sarasa Term J';
+				src: url('/fonts/sarasa-term-j-semibold.ttf') format('truetype');
+				font-weight: 600;
+			}
+
+			@font-face {
+				font-family: 'Sarasa Term J';
+				src: url('/fonts/sarasa-term-j-semibolditalic.ttf') format('truetype');
+				font-weight: 600;
+				font-style: italic;
+			}
+
+			body {
+				font-family: 'Sarasa Term J', monospace;
+			}
+
 			html {
 				transition: 300ms;
 			}