diff --git a/packages/chord/src/ChordCanvas.js b/packages/chord/src/ChordCanvas.js
index 0d642dbbf..b2c7e4eaa 100644
--- 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
index c5efd7bbd..1e70a6559 100644
--- 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,
         },
     },
 }