fix(asciinema): use stored nerd font (#933)

Co-authored-by: ook37 <[email protected]>
pacstall · Aug 1, 2024 · 576efbe · 576efbe
1 parent 9e7e660
commit 576efbe
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 3 deletions.
diff --git a/client/public/fonts/FiraCodeNF-Bold.ttf b/client/public/fonts/FiraCodeNF-Bold.ttf
diff --git a/client/public/fonts/FiraCodeNF-Regular.ttf b/client/public/fonts/FiraCodeNF-Regular.ttf
diff --git a/client/public/styles/global.css b/client/public/styles/global.css
@@ -5,7 +5,18 @@
 /* Runes */
 @import url('https://fonts.cdnfonts.com/css/catrinity');
 @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Devanagari:wght@100;200;300;400;500;600;700;800&display=swap");
-@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap');
+@font-face {
+  font-family: 'FiraCodeNF';
+  src: url('../fonts/FiraCodeNF-Regular.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'FiraCodeNF';
+  src: url('../fonts/FiraCodeNF-Bold.ttf') format('truetype');
+  font-weight: bold;
+  font-style: normal;
+}
 
 button:focus,
 a:focus {

diff --git a/client/src/pages/Home.tsx b/client/src/pages/Home.tsx
@@ -105,19 +105,24 @@ const Home: FC = () => {
                         loop={true}
                         src='/showcase.cast'
                         preload={true}
-                        terminalFontFamily='Fira Code'
+                        terminalFontFamily='FiraCodeNF'
                         terminalfontSize='13'
                         theme={colorMode === 'light' ? 'glitter' : 'sparkle'}
+                        rows='32'
                     />
 
                     <Heading size={'lg'} mb='3'>
                         {t('home.showcase.packageSearch')}
                     </Heading>
                     <AsciinemaFrame
+                        autoPlay={true}
+                        loop={true}
                         src='/search.cast'
-                        terminalFontFamily='Fira Code'
+                        preload={true}
+                        terminalFontFamily='FiraCodeNF'
                         terminalfontSize='13'
                         theme={colorMode === 'light' ? 'glitter' : 'sparkle'}
+                        rows='32'
                     />
 
                     <Stack justify='center'>