title: Justgage.js Change Title,Value,Label font-size
body: <p><a href="https://i.stack.imgur.com/Ip942.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Ip942.jpg" alt="enter image description here"></a></p>
  
  <p>I am trying the reduce the font-size using [titleFontSize: 12..] and various combinations. but not working.
  same i used for [valueFontSize: ..] &amp; [labelFontSize: ..]</p>
  
  <p>How can i change the font-size of Title,Value &amp; Labels?</p>
  
  <p>Code:</p>
  
  <pre><code>&lt;script src="js/raphael-2.1.4.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/justgage.js"&gt;
  
  &lt;script type="text/javascript"&gt;
    var gD = new JustGage({
      id: "jgDownload",
      value: 67,
      decimals: 2,
      min: 0,
      max: 1000,
      title: "Download",
      titleFontSize: 12,
      titlePosition: "below",
      titleFontColor: "red",
      titleFontFamily: "Georgia",
      titlePosition: "below",
      valueFontColor: "blue",
      valueFontFamily: "Georgia"
      label: "Mbps",
      lableFontSize: "10px",
      width: 300,
      height: 200,
      relativeGaugeSize: true,
      levelColors: [
            "#E63454",
            "#AC001F",
            "#F6AD37",
            "#B87200",
            "#24A081",
            "#007759",
            "#026071",
            "#015C71"
          ],
      pointer: true,
      counter: true,    
    });
  &lt;/script&gt;
  </code></pre>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var gD = new JustGage({
    id: "jgDownload",
    value: 67,
    decimals: 2,
    min: 0,
    max: 1000,
    title: "Download",
    titleFontSize: "5px",
    titlePosition: "below",
    valueFontFamily: "Georgia",
    valueFontSize: "5px",
    label: "Mbps",
    width: 300,
    height: 200,
    relativeGaugeSize: true,
    levelColors: [
      "#E63454",
      "#AC001F",
      "#F6AD37",
      "#B87200",
      "#24A081",
      "#007759",
      "#026071",
      "#015C71"
    ],
    pointer: true,
    counter: true,
  });</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>#divDownloadOuter {
    width: 50%;
    clear: both;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.4/raphael-min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/justgage/1.2.2/justgage.js"&gt;&lt;/script&gt;
  &lt;div id="divDownloadOuter"&gt;
    &lt;div id="jgDownload"&gt;&lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>JSFiddle: <a href="https://jsfiddle.net/amitshahc/gf0gm69j/" rel="nofollow noreferrer">Link</a></p>