Make #130 work

pygal/css/base.css

@@ -23,36 +23,35 @@
  */
 
 {{ id }}.title {
-  font-family: {{ style.font_family }};
+  font-family: "{{ style.font_family }}";
   font-size: {{ font_sizes.title }};
 }
 
 {{ id }}.legends .legend text {
-  font-family: {{ style.font_family }};
+  font-family: "{{ style.font_family }}";
   font-size: {{ font_sizes.legend }};
 }
 
 {{ id }}.axis text {
-  font-family: {{ style.font_family }};
+  font-family: "{{ style.font_family }}";
   font-size: {{ font_sizes.label }};
 }
 
 {{ id }}.axis text.major {
-  font-family: {{ style.font_family }};
+  font-family: "{{ style.font_family }}";
   font-size: {{ font_sizes.major_label }};
 }
 
 {{ id }}.series text {
-  font-family: {{ style.font_family }};
+  font-family: "{{ style.font_family }}";
   font-size: {{ font_sizes.value }};
 }
 
 {{ id }}.tooltip text {
-  font-family: {{ style.font_family }};
+  font-family: "{{ style.font_family }}";
   font-size: {{ font_sizes.tooltip }};
 }
 
 {{ id }}text.no_data {
   font-size: {{ font_sizes.no_data }};
 }
-

pygal/style.py

@@ -35,7 +35,7 @@ class Style(object):
             foreground='#999',
             foreground_light='#eee',
             foreground_dark='#555',
-            font_family='monospace',
+            font_family='monospace',  # Monospaced font is highly encouraged
             opacity='.8',
             opacity_hover='.9',
             transition='250ms',
@@ -49,6 +49,7 @@ class Style(object):
         self.foreground = foreground
         self.foreground_light = foreground_light
         self.foreground_dark = foreground_dark
+        self.font_family = font_family
         self.opacity = opacity
         self.opacity_hover = opacity_hover
         self.transition = transition