fix: change fira source (#1944)

- Adds #1902
- Use `@fontsource` instead of GitHub as source
- Lock to Fira Sans to 5.0.20 and Fira Mono to 5.0.13 to prevent kerning
problems

---------

Co-authored-by: Don <dsmmcken@gmail.com>

packages/app-utils/package.json

@@ -47,10 +47,11 @@
     "@deephaven/react-hooks": "file:../react-hooks",
     "@deephaven/redux": "file:../redux",
     "@deephaven/utils": "file:../utils",
+    "@fontsource/fira-mono": "5.0.13",
+    "@fontsource/fira-sans": "5.0.20",
     "@paciolan/remote-component": "2.13.0",
     "@paciolan/remote-module-loader": "^3.0.2",
-    "classnames": "^2.5.1",
-    "fira": "mozilla/fira#4.202"
+    "classnames": "^2.5.1"
   },
   "peerDependencies": {
     "react": ">=16.8.0",

packages/app-utils/src/components/FontBootstrap.tsx

@@ -1,5 +1,15 @@
 import React, { createContext, useEffect, useState } from 'react';
-import 'fira';
+import '@fontsource/fira-mono/400.css';
+import '@fontsource/fira-mono/500.css';
+import '@fontsource/fira-mono/700.css';
+import '@fontsource/fira-sans/300.css';
+import '@fontsource/fira-sans/300-italic.css';
+import '@fontsource/fira-sans/400.css';
+import '@fontsource/fira-sans/400-italic.css';
+import '@fontsource/fira-sans/500.css';
+import '@fontsource/fira-sans/600.css';
+import '@fontsource/fira-sans/700.css';
+import '@fontsource/fira-sans/700-italic.css';
 
 export const FontsLoadedContext = createContext<boolean>(false);
 

packages/embed-widget/package.json

@@ -28,7 +28,8 @@
     "@deephaven/plugin": "file:../plugin",
     "@deephaven/redux": "file:../redux",
     "@deephaven/utils": "file:../utils",
-    "fira": "mozilla/fira#4.202",
+    "@fontsource/fira-mono": "5.0.13",
+    "@fontsource/fira-sans": "5.0.20",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-redux": "^7.2.4",