title: How can my script change a Specific Font (for a specific class)?
body: <p>I'm trying to make my own Tampermonkey script to change a specific font style on a specific site from a cursive style to a sans-serif style.  </p>
  
  <p>The HTML from the site is:</p>
  
  <pre><code>&lt;div class="text"&gt;Ask more leading questions&lt;/div&gt;
  </code></pre>
  
  <p>This  is nested within 2 ids and one other class.  </p>
  
  <p>The script I'm working on is based off of a few examples I've attempted to follow:</p>
  
  <pre><code>// ==UserScript==
  // @name       Change annoying fonts
  // @namespace  http://use.i.E.your.homepage/
  // @version    0.1
  // @description  change annoying FaracoHandRegular font to a more readable one
  // @match      https://apps.bloomboard.com/*
  // @copyright  2012+, You
  // ==/UserScript==
  
  function addCss(cssString) { 
  var head = document.getElementsByClassName('text')[0]; 
  var newCss = document.createElement('style');
  newCss.type = "text/css"; 
  newCss.innerHTML = cssString; 
  head.appendChild(newCss); 
  } 
  
  addCss ( 
  '* { font-family: Helvetica, sans-serif ! important; }' 
  );
  </code></pre>
  
  <p><br>
  But it doesn't work.</p>
  
  <p>I have never made my own scripts for either Greasemonkey or Tampermonkey before.  How do I change this font?</p>