feat(chord): add support for font style for ChordCanvas

plouc · Nov 13, 2018 · c4f29c5 · c4f29c5
1 parent 1f6368b
commit c4f29c5
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/packages/chord/src/ChordCanvas.js b/packages/chord/src/ChordCanvas.js
@@ -88,7 +88,8 @@ class ChordCanvas extends Component {
 
         this.ctx.translate(centerX, centerY)
 
-        this.ctx.font = `${theme.labels.text.fontSize}px sans-serif`
+        this.ctx.font = `${theme.labels.text.fontSize}px ${theme.labels.text.fontFamily ||
+            'sans-serif'}`
 
         ribbonGenerator.context(this.ctx)
         ribbons.forEach(ribbon => {

diff --git a/website/src/nivoTheme.js b/website/src/nivoTheme.js
@@ -89,6 +89,8 @@ export const lightTheme = {
     labels: {
         text: {
             fill: '#555',
+            fontSize: 12,
+            fontWeight: 500,
         },
     },
 }