use Drawing.font to style titles

Author: archmoj

src/components/drawing/index.js

@@ -61,7 +61,6 @@ var textcase2transformOptions = {
 function textcase2transform(textcase) {
     return textcase2transformOptions[textcase];
 }
-drawing.textcase2transform = textcase2transform;
 
 function decorline2decorationLine(decorline) {
     return (
@@ -73,7 +72,6 @@ function decorline2decorationLine(decorline) {
             .join(' ')
     );
 }
-drawing.decorline2decorationLine = decorline2decorationLine;
 
 /*
  * Positioning helpers

src/components/titles/index.js

@@ -147,17 +147,17 @@ function draw(gd, titleClass, options) {
 
         titleEl.attr('transform', transformVal);
 
-        titleEl.style({
-            'font-family': fontFamily,
-            'font-size': d3.round(fontSize, 2) + 'px',
-            fill: Color.rgb(fontColor),
-            opacity: opacity * Color.opacity(fontColor),
-            'font-weight': fontWeight,
-            'font-style': fontStyle,
-            'font-variant': fontVariant,
-            'text-transform': Drawing.textcase2transform(fontTextcase),
-            'text-shadow': fontShadow === 'auto' ? svgTextUtils.makeTextShadow(Color.contrast(fontColor)) : fontShadow,
-            'text-decoration-line': Drawing.decorline2decorationLine(fontDecorline),
+        titleEl.style('opacity', opacity * Color.opacity(fontColor))
+        .call(Drawing.font, {
+            color: Color.rgb(fontColor),
+            size: d3.round(fontSize, 2),
+            family: fontFamily,
+            weight: fontWeight,
+            style: fontStyle,
+            variant: fontVariant,
+            textcase: fontTextcase,
+            shadow: fontShadow,
+            decorline: fontDecorline,
         })
         .attr(attributes)
         .call(svgTextUtils.convertToTspans, gd);