fix(server): blank screen on mobile (#8460)

Co-authored-by: forehalo <forehalo@gmail.com>

packages/frontend/core/src/bootstrap/index.ts

@@ -4,11 +4,12 @@ import { setupEnvironment } from './app';
 import { polyfillBrowser, polyfillElectron } from './polyfill';
 
 export function setupElectron() {
-  polyfillElectron();
   setupEnvironment();
+  polyfillElectron();
 }
 
 export async function setupBrowser() {
-  await polyfillBrowser();
   setupEnvironment();
+  __webpack_public_path__ = environment.publicPath;
+  await polyfillBrowser();
 }

packages/frontend/core/src/components/blocksuite/block-suite-editor/specs/font-extension.ts

@@ -5,12 +5,9 @@ import {
 
 export function getFontConfigExtension() {
   return FontConfigExtension(
-    BUILD_CONFIG.isSelfHosted
-      ? AffineCanvasTextFonts.map(font => ({
-          ...font,
-          // self-hosted fonts are served from /assets
-          url: '/assets/' + new URL(font.url).pathname.split('/').pop(),
-        }))
-      : AffineCanvasTextFonts
+    AffineCanvasTextFonts.map(font => ({
+      ...font,
+      url: environment.publicPath + 'fonts/' + font.url.split('/').pop(),
+    }))
   );
 }