From 8995ade5145036b283e39629a25faaa9679a880e Mon Sep 17 00:00:00 2001 From: Kristóf Marussy Date: Sat, 20 Aug 2022 00:26:22 +0200 Subject: refactor(frontend): inline CSS and minify HTML Optimize first page loading time. We only include variable and woff2 fonts, as they are widely supported. --- subprojects/frontend/src/index.tsx | 10 ---------- subprojects/frontend/src/theme/ThemeProvider.tsx | 3 ++- 2 files changed, 2 insertions(+), 11 deletions(-) (limited to 'subprojects/frontend/src') diff --git a/subprojects/frontend/src/index.tsx b/subprojects/frontend/src/index.tsx index b108df6d..a65821ef 100644 --- a/subprojects/frontend/src/index.tsx +++ b/subprojects/frontend/src/index.tsx @@ -1,14 +1,4 @@ import CssBaseline from '@mui/material/CssBaseline'; -import '@fontsource/jetbrains-mono/400.css'; -import '@fontsource/jetbrains-mono/400-italic.css'; -import '@fontsource/jetbrains-mono/700.css'; -import '@fontsource/jetbrains-mono/700-italic.css'; -import '@fontsource/jetbrains-mono/variable.css'; -import '@fontsource/jetbrains-mono/variable-italic.css'; -import '@fontsource/roboto/300.css'; -import '@fontsource/roboto/400.css'; -import '@fontsource/roboto/500.css'; -import '@fontsource/roboto/700.css'; import { SnackbarProvider } from 'notistack'; import React, { Suspense, lazy } from 'react'; import { createRoot } from 'react-dom/client'; diff --git a/subprojects/frontend/src/theme/ThemeProvider.tsx b/subprojects/frontend/src/theme/ThemeProvider.tsx index 5bc14704..3a0703fe 100644 --- a/subprojects/frontend/src/theme/ThemeProvider.tsx +++ b/subprojects/frontend/src/theme/ThemeProvider.tsx @@ -64,7 +64,8 @@ declare module '@mui/material/styles' { const typography: TypographyVariantsOptions = { editor: { - fontFamily: '"JetBrains MonoVariable", "JetBrains Mono", monospace', + fontFamily: + '"JetBrains MonoVariable", "JetBrains Mono", "Cascadia Code", "Fira Code", monospace', fontFeatureSettings: '"liga", "calt"', fontSize: '1rem', fontWeight: 400, -- cgit v1.2.3-70-g09d2