use proper font family inside svgs

svg-font-family-fix.js

(function() {
  document.querySelectorAll('svg tspan, svg text').forEach(e => {
    var currentFont = e.getAttribute('font-family');
    if (!currentFont) {
      return; 
    }
    currentFont = currentFont.replace(/'/g, '');
    var modes = {
      'Thin':       100,
      'ExtraLight': 200,
      'Light':      300,
      'Normal':     400,
      'Regular':    400,
      'Medium':     500,
      'SemiBold':   600,
      'Bold':       700,
      'ExtraBold':  800,
      'Black':      900
    }
    var fontFamily = currentFont.split('-');
    var last = fontFamily.pop();
    if (Object.keys(modes).includes(last)) {
      e.style.fontFamily = fontFamily.join('-');
      e.style.fontWeight = modes[last];
    }
  });
})();