Replaced NewRodin OTF with fixed TTF/WOFF2 version

packages/frontend/src/style.scss

@@ -1,20 +1,11 @@
 @charset "utf-8";
 
-// default sharkey font
-@font-face {
-	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
-	font-family: 'Lexend';
-	font-style: normal;
-	font-weight: 400;
-	src: url('/static-assets/fonts/Lexend-VariableFont_wght.ttf') format('opentype');
-}
-
 // barkey/yeentown font
 @font-face {
 	font-family: 'FOT-NewRodin Pro';
 	font-style: normal;
 	font-weight: 400;
-	src: url('/static-assets/fonts/FOT-NewRodin Pro/FOT-NewRodin Pro DB.otf') format('opentype');
+	src: url('/static-assets/fonts/NewRodinPro-DB.woff2') format('woff2');
 }
 
 // barkey/yeentown font
@@ -22,7 +13,7 @@
 	font-family: 'FOT-NewRodin Pro';
 	font-style: normal;
 	font-weight: 700;
-	src: url('/static-assets/fonts/FOT-NewRodin Pro/FOT-NewRodin Pro EB.otf') format('opentype');
+	src: url('/static-assets/fonts/NewRodinPro-EB.woff2') format('woff2');
 }
 
 /*
@@ -58,6 +49,8 @@
 
 	--avatar: 48px;
 	--thread-width: 2px;
+
+	--custom-font: 'sharkey-theme-font-face';
 }
 
 html.radius-misskey {
@@ -82,7 +75,7 @@ html {
 	accent-color: var(--accent);
 	overflow: auto;
 	overflow-wrap: break-word;
-	font-family: 'sharkey-theme-font-face', 'FOT-NewRodin Pro', 'Lexend', 'Hiragino Maru Gothic Pro', "BIZ UDGothic", Roboto, HelveticaNeue, Arial, sans-serif;
+	font-family: var(--custom-font), 'FOT-NewRodin Pro', sans-serif;
 	font-size: 14px;
 	line-height: 1.35;
 	text-size-adjust: 100%;