diff --git a/demo/Views/CSSView.vala b/demo/Views/CSSView.vala
index 2b1de11f2..6e70df169 100644
--- a/demo/Views/CSSView.vala
+++ b/demo/Views/CSSView.vala
@@ -49,6 +49,11 @@ public class CSSView : DemoPage {
         };
         small.add_css_class (Granite.CssClass.SMALL);
 
+        var mono = new Gtk.Label ("\"Granite.CssClass.MONOSPACE\"") {
+            margin_bottom = 12
+        };
+        mono.add_css_class (Granite.CssClass.MONOSPACE);
+
         var card_header = new Granite.HeaderLabel ("Cards and Headers") {
             secondary_text = "\"Granite.CssClass.CARD\" and \"Granite.CssClass.CHECKERBOARD\""
         };
@@ -63,6 +68,7 @@ public class CSSView : DemoPage {
         card.append (header4);
         card.append (numeric);
         card.append (small);
+        card.append (mono);
 
         var card_checkered = new Granite.Bin () {
             child = new Gtk.Image.from_icon_name ("battery-low") {
diff --git a/lib/Constants.vala b/lib/Constants.vala
index e955df410..f7438e168 100644
--- a/lib/Constants.vala
+++ b/lib/Constants.vala
@@ -285,6 +285,11 @@ namespace Granite {
          * Style class for widgets in warning state.
          */
         public const string WARNING = "warning";
+
+        /**
+         * Style class for non-terminal text that uses a monospace font.
+         */
+        public const string MONOSPACE = "monospace";
     }
 
     /**
diff --git a/lib/Styles/Granite/_classes.scss b/lib/Styles/Granite/_classes.scss
index 062e1bd55..eaf129810 100644
--- a/lib/Styles/Granite/_classes.scss
+++ b/lib/Styles/Granite/_classes.scss
@@ -43,3 +43,8 @@ paper {
     // Not 50% because that creates a squished ellipse for non-squares widgets
     border-radius: 9999px;
 }
+
+.monospace {
+    font-family: monospace;
+}
+
diff --git a/lib/Styles/Gtk/_classes.scss b/lib/Styles/Gtk/_classes.scss
index b1cfd10fc..230bb3b29 100644
--- a/lib/Styles/Gtk/_classes.scss
+++ b/lib/Styles/Gtk/_classes.scss
@@ -3,3 +3,4 @@
     border-spacing: $button-spacing;
     padding: $button-spacing;
 }
+