Switch to Inter’s variable font version (#444)

packages/desktop-client/public/index.html

@@ -35,7 +35,6 @@
     <meta name="msapplication-TileColor" content="#da532c" />
     <meta name="theme-color" content="#ffffff" />
 
-    <link rel="stylesheet" href="%PUBLIC_URL%/Inter/inter.css" />
     <style type="text/css">
       html,
       body {
@@ -49,7 +48,7 @@
       body,
       button,
       input {
-        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',
+        font-family: 'Inter var', -apple-system, BlinkMacSystemFont, 'Segoe UI',
           'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',
           'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
       }
@@ -73,7 +72,7 @@
       input,
       textarea {
         font-size: 1em;
-        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',
+        font-family: 'Inter var', -apple-system, BlinkMacSystemFont, 'Segoe UI',
           'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',
           'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
       }

packages/desktop-client/src/index.js

@@ -5,6 +5,8 @@ import './browser-preload';
 // A hack for now: this makes sure it's appended before glamor
 import '@reach/listbox/styles.css';
 
+import 'inter-ui/inter.css';
+
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { Provider } from 'react-redux';

packages/desktop-electron/index.js

@@ -269,7 +269,7 @@ app.on('ready', async () => {
 
     const pathname = parsedUrl.pathname;
 
-    if (pathname.startsWith('/static') || pathname.startsWith('/Inter')) {
+    if (pathname.startsWith('/static')) {
       callback({
         path: path.normalize(`${__dirname}/client-build${pathname}`)
       });

yarn.lock

@@ -95,6 +95,7 @@ __metadata:
     glamor: ^2.20.40
     html-webpack-plugin: 4.0.0-alpha.2
     identity-obj-proxy: 3.0.0
+    inter-ui: ^3.19.3
     load-js: ^3.0.3
     mini-css-extract-plugin: 0.4.3
     mitt: ^1.1.2
@@ -13112,6 +13113,13 @@ __metadata:
   languageName: node
   linkType: hard
+"inter-ui@npm:^3.19.3":
+  version: 3.19.3
+  resolution: "inter-ui@npm:3.19.3"
+  checksum: 74435e742e9829402cf15ac08aa48541c93e96d7528a29ba3bc2a14b059ccd3f330ddba8b1c96f06bfdda46b0c7e1a406db22a309045b3412b66ec4dcb5efa2a
+  languageName: node
+  linkType: hard
+
 "internal-ip@npm:^4.3.0":
   version: 4.3.0
   resolution: "internal-ip@npm:4.3.0"