unified fonts for panel based text

Author: FionaDmello

survey_dashboard/hmc_layout/hmc_custom_layout.py

@@ -1,4 +1,38 @@
 hmc_custom_css_accordion ='''
+/* Apply HIFIS DIN font to all panel components */
+.bk-root,
+.bk-panel-models-accordion,
+.bk-panel-models-card,
+.bk-panel-models-card-header,
+.bk-panel-models-card-button,
+.bk-panel-models-card-title,
+.bk-panel-models-card-content,
+.bk-panel-models-markup,
+.bk-panel-models-markup-html,
+.bk-panel-models-layout-Column,
+.bk-panel-models-layout-row,
+.bk-input,
+.bk-btn,
+.bk.card,
+.bk.accordion,
+.bk.card-header,
+.bk.accordion-header,
+.bk.card-button,
+.bk.card-title,
+select,
+option,
+input,
+textarea,
+.bk-input-group,
+.bk-input select,
+.bk-input option,
+.choices,
+.choices__inner,
+.choices__list,
+.choices__item {
+  font-family: 'HIFIS DIN', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
+}
+
 .bk.card {
   border: 1px solid rgba(0,0,0,.125);
   border-radius: 0.25rem;

survey_dashboard/plots.py

@@ -75,11 +75,17 @@ def add_legend_at(fig, position='right'):
     "x_range.range_padding": 0.1,
     "xgrid.grid_line_color": None,
     "xaxis.major_label_orientation": 1,
+    "title.text_font": 'HIFIS DIN',
     "title.text_font_size": '18px',
+    "yaxis.axis_label_text_font": 'HIFIS DIN',
     "yaxis.axis_label_text_font_size": '18px',
+    "xaxis.axis_label_text_font": 'HIFIS DIN',
     "xaxis.axis_label_text_font_size": '18px',
+    "xaxis.major_label_text_font": 'HIFIS DIN',
     "xaxis.major_label_text_font_size": '16px',
+    "yaxis.major_label_text_font": 'HIFIS DIN',
     "yaxis.major_label_text_font_size": '16px',
+    "legend.label_text_font": 'HIFIS DIN',
     "toolbar.logo": None,
     "toolbar_location": "right",
     "legend.location": "top_right",
@@ -95,11 +101,17 @@ def add_legend_at(fig, position='right'):
     "x_range.range_padding": 0.1,
     #"xgrid.grid_line_color": None,
     "xaxis.major_label_orientation": 1,
+    "title.text_font": 'HIFIS DIN',
     "title.text_font_size": '18px',
+    "yaxis.axis_label_text_font": 'HIFIS DIN',
     "yaxis.axis_label_text_font_size": '18px',
+    "xaxis.axis_label_text_font": 'HIFIS DIN',
     "xaxis.axis_label_text_font_size": '18px',
+    "xaxis.major_label_text_font": 'HIFIS DIN',
     "xaxis.major_label_text_font_size": '16px',
+    "yaxis.major_label_text_font": 'HIFIS DIN',
     "yaxis.major_label_text_font_size": '16px',
+    "legend.label_text_font": 'HIFIS DIN',
     "toolbar.logo": None,
     "toolbar_location": "right",
     "legend.location": "top_right",
@@ -115,11 +127,17 @@ def add_legend_at(fig, position='right'):
     # Note: No x_range.range_padding for pie charts as they use numeric ranges
     "xgrid.grid_line_color": None,
     "xaxis.major_label_orientation": 1,
+    "title.text_font": 'HIFIS DIN',
     "title.text_font_size": '18px',
+    "yaxis.axis_label_text_font": 'HIFIS DIN',
     "yaxis.axis_label_text_font_size": '18px',
+    "xaxis.axis_label_text_font": 'HIFIS DIN',
     "xaxis.axis_label_text_font_size": '18px',
+    "xaxis.major_label_text_font": 'HIFIS DIN',
     "xaxis.major_label_text_font_size": '16px',
+    "yaxis.major_label_text_font": 'HIFIS DIN',
     "yaxis.major_label_text_font_size": '16px',
+    "legend.label_text_font": 'HIFIS DIN',
     "toolbar.logo": None,
     "toolbar_location": "right",
     "legend.location": "top_right",
@@ -136,11 +154,17 @@ def add_legend_at(fig, position='right'):
     # Note: No x_range.range_padding for horizontal bars as x_range is numeric
     "xgrid.grid_line_color": None,
     "xaxis.major_label_orientation": 1,
+    "title.text_font": 'HIFIS DIN',
     "title.text_font_size": '18px',
+    "yaxis.axis_label_text_font": 'HIFIS DIN',
     "yaxis.axis_label_text_font_size": '18px',
+    "xaxis.axis_label_text_font": 'HIFIS DIN',
     "xaxis.axis_label_text_font_size": '18px',
+    "xaxis.major_label_text_font": 'HIFIS DIN',
     "xaxis.major_label_text_font_size": '16px',
+    "yaxis.major_label_text_font": 'HIFIS DIN',
     "yaxis.major_label_text_font_size": '16px',
+    "legend.label_text_font": 'HIFIS DIN',
     "toolbar.logo": None,
     "toolbar_location": "right",
     "legend.location": "top_right",
@@ -966,8 +990,8 @@ def interactive_wordcloud(wordcloud, **kwargs):
                x_axis_type= None, y_axis_type=None,#,
                tooltips=tooltips
             )
-    glyph = Text(x="x", y="y", text="text", angle='angle', angle_units='deg', 
-                 text_color="color", text_font_size='font_size', text_font={'value': font_family}, **kwargs)
+    glyph = Text(x="x", y="y", text="text", angle='angle', angle_units='deg',
+                 text_color="color", text_font_size='font_size', text_font={'value': 'HIFIS DIN'}, **kwargs)
     fig.add_glyph(source, glyph)
 
     fig.background_fill_color = '#00000000' #F7F7F7', #transparent