move roboto font to separate package

package.json

@@ -5,6 +5,7 @@
   "dependencies": {
     "@apollo/client": "^3.2.5",
     "@date-io/date-fns": "1.3.13",
+    "@kichiyaki/roboto": "^1.0.0",
     "@material-ui/core": "^4.11.0",
     "@material-ui/icons": "^4.11.0",
     "@material-ui/lab": "^4.0.0-alpha.57",

src/index.tsx

@@ -1,3 +1,4 @@
+import '@kichiyaki/roboto';
 import 'date-time-format-timezone';
 import React from 'react';
 import ReactDOM from 'react-dom';

src/theme/createTheme.ts

@@ -1,4 +1,3 @@
-import './font.css';
 import {
   createMuiTheme,
   responsiveFontSizes,

src/theme/font.css

@@ -1,132 +0,0 @@
-/* roboto-latin-ext-100-normal*/
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-display: swap;
-  font-weight: 100;
-  src:
-    local('Roboto Thin'),
-    local('Roboto-Thin'), 
-    url('./roboto/Roboto-Thin.ttf') format('truetype')
-}
-/* roboto-latin-ext-100-italic*/
-@font-face {
-  font-family: 'Roboto';
-  font-style: italic;
-  font-display: swap;
-  font-weight: 100;
-  src:
-    local('Roboto Thin Italic'),
-    local('Roboto-ThinItalic'), 
-    url('./roboto/Roboto-ThinItalic.ttf') format('truetype')
-}
-/* roboto-latin-ext-300-normal*/
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-display: swap;
-  font-weight: 300;
-  src:
-    local('Roboto Light'),
-    local('Roboto-Light'), 
-    url('./roboto/Roboto-Light.ttf') format('truetype')
-}
-/* roboto-latin-ext-300-italic*/
-@font-face {
-  font-family: 'Roboto';
-  font-style: italic;
-  font-display: swap;
-  font-weight: 300;
-  src:
-    local('Roboto Light Italic'),
-    local('Roboto-LightItalic'), 
-    url('./roboto/Roboto-LightItalic.ttf') format('truetype')
-}
-/* roboto-latin-ext-400-normal*/
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-display: swap;
-  font-weight: 400;
-  src:
-    local('Roboto'),
-    local('Roboto-Regular'), 
-    url('./roboto/Roboto-Regular.ttf') format('truetype')
-}
-/* roboto-latin-ext-400-italic*/
-@font-face {
-  font-family: 'Roboto';
-  font-style: italic;
-  font-display: swap;
-  font-weight: 400;
-  src:
-    local('Roboto Italic'),
-    local('Roboto-Italic'), 
-    url('./roboto/Roboto-Italic.ttf') format('truetype')
-}
-/* roboto-latin-ext-500-normal*/
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-display: swap;
-  font-weight: 500;
-  src:
-    local('Roboto Medium'),
-    local('Roboto-Medium'), 
-    url('./roboto/Roboto-Medium.ttf') format('truetype')
-}
-/* roboto-latin-ext-500-italic*/
-@font-face {
-  font-family: 'Roboto';
-  font-style: italic;
-  font-display: swap;
-  font-weight: 500;
-  src:
-    local('Roboto Medium Italic'),
-    local('Roboto-MediumItalic'), 
-    url('./roboto/Roboto-MediumItalic.ttf') format('truetype')
-}
-/* roboto-latin-ext-700-normal*/
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-display: swap;
-  font-weight: 700;
-  src:
-    local('Roboto Bold'),
-    local('Roboto-Bold'), 
-    url('./roboto/Roboto-Bold.ttf') format('truetype')
-}
-/* roboto-latin-ext-700-italic*/
-@font-face {
-  font-family: 'Roboto';
-  font-style: italic;
-  font-display: swap;
-  font-weight: 700;
-  src:
-    local('Roboto Bold Italic'),
-    local('Roboto-BoldItalic'), 
-    url('./roboto/Roboto-BoldItalic.ttf') format('truetype')
-}
-/* roboto-latin-ext-900-normal*/
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-display: swap;
-  font-weight: 900;
-  src:
-    local('Roboto Black'),
-    local('Roboto-Black'), 
-    url('./roboto/Roboto-Black.ttf') format('truetype')
-}
-/* roboto-latin-ext-900-italic*/
-@font-face {
-  font-family: 'Roboto';
-  font-style: italic;
-  font-display: swap;
-  font-weight: 900;
-  src:
-    local('Roboto Black Italic'),
-    local('Roboto-BlackItalic'), 
-    url('./roboto/Roboto-BlackItalic.ttf') format('truetype')
-}

yarn.lock

@@ -1314,6 +1314,11 @@
     "@types/yargs" "^15.0.0"
     chalk "^4.0.0"
 
+"@kichiyaki/roboto@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@kichiyaki/roboto/-/roboto-1.0.0.tgz#6f5dfb40e2423940588946c952490b123ca8088b"
+  integrity sha512-4pfkzXOqtSWZvvkA6jI30h+y2vDOvhEavYo4O32C98jPk2zqIiFwd4SwiiFe9xzjQsPURqO89rUTZlChU255bQ==
+
 "@material-ui/core@^4.11.0":
   version "4.11.2"
   resolved "https://registry.yarnpkg.com/@material-ui/core/-/core-4.11.2.tgz#f8276dfa40d88304e6ceb98962af73803d27d42d"