From a4348f1963120b091209bf40844d06dcdde14b4b Mon Sep 17 00:00:00 2001
From: Tyler Long <tyler4long@gmail.com>
Date: Wed, 13 Sep 2017 10:15:35 +0800
Subject: [PATCH] Inline svg font

---
 package.json      | 2 +-
 src/mermaidAPI.js | 9 ++++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 2e5ed5dcf..2d55fdc86 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "mermaid",
-  "version": "7.0.17",
+  "version": "7.0.18",
   "description": "Markdownish syntax for generating flowcharts, sequence diagrams, class diagrams, gantt charts and git graphs.",
   "main": "dist/mermaid.core.js",
   "keywords": [
diff --git a/src/mermaidAPI.js b/src/mermaidAPI.js
index bd45a3775..1196a8833 100644
--- a/src/mermaidAPI.js
+++ b/src/mermaidAPI.js
@@ -437,7 +437,14 @@ var render = function (id, txt, cb, container) {
   // insert inline style into svg
   const svg = element.firstChild
   const s = document.createElement('style')
-  s.innerHTML = themes[config.theme] || defaultTheme
+  const cs = window.getComputedStyle(svg)
+  s.innerHTML = `
+  ${themes[config.theme] || defaultTheme}
+svg {
+  color: ${cs.color};
+  font: ${cs.font};
+}
+  `
   svg.insertBefore(s, svg.firstChild)
 
   d3.select('#d' + id).selectAll('foreignobject div').attr('xmlns', 'http://www.w3.org/1999/xhtml')