Tabular numbers

It's a shame this can't be set in the CSS

data/countdown.css

@@ -6,11 +6,9 @@
 .countdown-label
 {
   font-size: 36pt;
-  font-family: monospace;
 }
 
 .clock-label
 {
   font-size: 48pt;
-  font-family: monospace;
 }

data/ui/countdown-label.ui

@@ -9,6 +9,9 @@
   <template class="CountdownLabel" parent="GtkLabel">
     <property name="visible">True</property>
     <property name="can_focus">False</property>
+    <attributes>
+      <attribute name="font-features" value="tnum=1"/>
+    </attributes>
     <style>
       <class name="countdown-label"/>
     </style>

data/ui/digital-clock.ui

@@ -9,6 +9,9 @@
   <template class="DigitalClock" parent="GtkLabel">
     <property name="visible">True</property>
     <property name="can_focus">False</property>
+    <attributes>
+      <attribute name="font-features" value="tnum=1"/>
+    </attributes>
     <style>
       <class name="clock-label"/>
     </style>