diff --git a/components/style/Font.js b/components/style/Font.js
index 64e0b44..ea5c888 100644
--- a/components/style/Font.js
+++ b/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';
diff --git a/lib/constants.js b/lib/constants.js
index 809cc21..8571464 100644
--- a/lib/constants.js
+++ b/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' },