Add Cascadia font (#1278)

* Add Cascadia Code font

* Switch to using jsdelivr CDN with fontsource NPM package

* Sort fonts by alphabetical order

* remove Iosevka

Co-authored-by: cyntler <damian@cyntler.com>
Co-authored-by: Mike Fix <mrfix84@gmail.com>

components/style/Font.js

@@ -61,6 +61,18 @@ export default function Font() {
               format('woff2');
         }
 
+        @font-face {
+          font-family: 'Cascadia Code';
+          font-display: swap;
+          font-style: normal;
+          font-weight: 400;
+          src: local('Cascadia Code'),
+            url('//cdn.jsdelivr.net/npm/@fontsource/cascadia-code@latest/files/cascadia-code-latin-ext-400-normal.woff2')
+              format('woff2'),
+            url('//cdn.jsdelivr.net/npm/@fontsource/cascadia-code@latest/files/cascadia-code-latin-ext-400-normal.woff')
+              format('woff');
+        }
+
         /* latin */
         @font-face {
           font-family: 'IBM Plex Mono';

lib/constants.js

@@ -2,13 +2,13 @@ import toHash from 'tohash'
 
 export const FONTS = [
   { id: 'Anonymous Pro', name: 'Anonymous Pro' },
+  { id: 'Cascadia Code', name: 'Cascadia Code' },
   { id: 'Droid Sans Mono', name: 'Droid Sans Mono' },
   { id: 'Fantasque Sans Mono', name: 'Fantasque Sans Mono' },
   { id: 'Fira Code', name: 'Fira Code' },
   { id: 'Hack', name: 'Hack' },
   { id: 'IBM Plex Mono', name: 'IBM Plex Mono' },
   { id: 'Inconsolata', name: 'Inconsolata' },
-  { id: 'Iosevka', name: 'Iosevka' },
   { id: 'JetBrains Mono', name: 'JetBrains Mono' },
   { id: 'Monoid', name: 'Monoid' },
   { id: 'Source Code Pro', name: 'Source Code Pro' },