#989 Added font styling classes to diagrams lacking then

src/diagrams/git/gitGraphRenderer.js

@@ -303,7 +303,7 @@ export const draw = function(txt, id, ver) {
     const parser = gitGraphParser.parser;
     parser.yy = db;
 
-    logger.debug('in gitgraph renderer', txt, id, ver);
+    logger.debug('in gitgraph renderer', txt + '\n', 'id:', id, ver);
     // Parse the graph definition
     parser.parse(txt + '\n');
 

src/diagrams/pie/pieRenderer.js

@@ -110,6 +110,7 @@ export const draw = (txt, id, ver) => {
         return 'translate(' + arcGenerator.centroid(d) + ')';
       })
       .style('text-anchor', 'middle')
+      .attr('class', 'slice')
       .style('font-size', 17);
 
     svg

src/mermaidAPI.js

@@ -95,6 +95,7 @@ const config = {
    */
   theme: 'default',
   themeCSS: undefined,
+
   /**
    * **fontFamily** The font to be used for the rendered diagrams. Default value is \"trebuchet ms\", verdana, arial;
    */

src/themes/gantt.scss

@@ -56,6 +56,10 @@
   stroke: $gridColor;
   opacity: 0.3;
   shape-rendering: crispEdges;
+  text {
+    font-family: 'trebuchet ms', verdana, arial;
+    font-family: var(--mermaid-font-family);
+  }
 }
 
 .grid path {

src/themes/git.scss

@@ -3,4 +3,6 @@
 .branch-label {
   fill: lightgrey;
   color: lightgrey;
+  font-family: 'trebuchet ms', verdana, arial;
+  font-family: var(--mermaid-font-family);
 }

src/themes/pie.scss

@@ -2,4 +2,10 @@
   text-anchor: middle;
   font-size: 25px;
   fill: $taskTextDarkColor;
+  font-family: 'trebuchet ms', verdana, arial;
+  font-family: var(--mermaid-font-family);
+}
+.slice {
+  font-family: 'trebuchet ms', verdana, arial;
+  font-family: var(--mermaid-font-family);
 }