diff --git a/proj/fonts/fonts.js b/proj/fonts/fonts.js
index ef6d96d..c38fff9 100644
--- a/proj/fonts/fonts.js
+++ b/proj/fonts/fonts.js
@@ -1,8 +1,8 @@
 Vue.component('fontpicker', {
     template: `
-    <span 
-      class="style-pick" 
-      v-on:click="toggle" 
+    <span
+      class="style-pick"
+      v-on:click="toggle"
       v-bind:class="{ 'tagged': tag.isTrue}">
         <slot></slot>
     </span>
@@ -14,41 +14,41 @@ Vue.component('fontpicker', {
             this.tag.isTrue = !this.tag.isTrue
         }
     }
-}) 
+})
 
 Vue.component('fontdemo', {
   template: `
     <div class="single-font" v-show="typeface.tags.some(o => o.isTrue === true) || fresh">
-        <p :style="{ 
-            'font-family': typeface.name, 
-            'font-size' : this.fontSize, 
-            'font-weight' : this.fontWeight, 
+        <p :style="{
+            'font-family': typeface.name,
+            'font-size' : this.fontSize,
+            'font-weight' : this.fontWeight,
             'font-style' : this.fontStyle
         }">
         <slot></slot>
       </p>
       <footer>
         <section class="font-weights">
-            <span 
-                v-for="weight in weights" 
-                :style="{ 'font-weight': weight }" 
+            <span
+                v-for="weight in weights"
+                :style="{ 'font-weight': weight }"
                 v-on:click="setWeight(weight)"
                 >{{ weight }}</span>
-            <span 
+            <span
                 v-if="hasItalic"
-                class="brz9-icon-italic" 
+                class="brz9-icon-italic"
                 v-on:click="fontStyle = fontStyle == 'normal' ? 'italic' : 'normal'"
             ></span>
         </section>
 
-    
+
 
         <section class="font-name">
         <span class="font-name">{{ typeface.name }} - </span>
         <span class="copy-css" v-on:click="copyToClipboard()">Copy CSS Link import</span>
-        <span 
-      class="copy-icon-popup" 
-      v-bind:class="{ 'success': isCopied}" 
+        <span
+      class="copy-icon-popup"
+      v-bind:class="{ 'success': isCopied}"
       ref="element">Copied!</span>
       </section>
       </footer>
@@ -71,7 +71,7 @@ Vue.component('fontdemo', {
             return this.size + "rem";
     }
   },
-  methods: { 
+  methods: {
     copyToClipboard() {
       let text = this.linkText + this.typeface.name.toLowerCase() + ".css" + this.linkTextEnd;
       const textarea = document.createElement('textarea')
@@ -93,7 +93,7 @@ Vue.component('fontdemo', {
     }
   },
     mounted() {
-        this.weights = this.typeface.fonts.filter(function(weight) {    
+        this.weights = this.typeface.fonts.filter(function(weight) {
             return weight.indexOf("i") == -1;
         });
         this.weights.sort(function(a, b) {
@@ -1137,6 +1137,18 @@ let vm = new Vue({
         "commercial": false,
         "open": false,
     },
+    spacemono : {
+        "name": "SpaceMono",
+        "fonts" : [
+        ],
+        "tags" : ["mono"],
+        "link" : "https://www.colophon-foundry.org/custom-projects/space-mono",
+        "creator" : "Colophon Foundry",
+        "creatorLink" : "https://www.colophon-foundry.org/",
+        "licence" : "SIL",
+        "commercial" : true,
+        "open": true,
+    },
     surfingcapital : {
         "name": "SurfingCapital",
         "fonts": [
@@ -1319,6 +1331,7 @@ let vm = new Vue({
       this.resin,
       this.montrappist,
       this.hamletcicero,
+      this.spacemono,
       this.imposible,
       this.grobedeutschmeister,
       this.theboldfont,
@@ -1402,7 +1415,7 @@ let vm = new Vue({
     this.blankenburg.tags = [this.taglist.display, this.taglist.goth]
     this.blazed.tags = [this.taglist.display, this.taglist.graphic]
     this.bondi.tags = [this.taglist.display, this.taglist.allcaps]
-    this.boston.tags = [this.taglist.display, this.taglist.retro]  
+    this.boston.tags = [this.taglist.display, this.taglist.retro]
     this.catreporter.tags = [this.taglist.display, this.taglist.comic]
     this.canobis.tags = [this.taglist.display, this.taglist.fancy, this.taglist.artnouv]
     this.cherish.tags = [this.taglist.display, this.taglist.hand]
@@ -1452,6 +1465,7 @@ let vm = new Vue({
     this.rousseaudeco.tags = [this.taglist.display, this.taglist.fancy, this.taglist.artnouv]
     this.saintregus.tags = [this.taglist.display]
     this.sonderregular.tags = [this.taglist.display, this.taglist.fancy]
+    this.spacemono.tags = [this.taglist.mono]
     this.surfingcapital.tags = [this.taglist.graphic]
     this.theboldfont.tags = [this.taglist.display, this.taglist.allcaps]
     this.theater.tags = [this.taglist.display, this.taglist.allcaps, this.taglist.condensed]