title: Is it possible to have multiple fonts in one div?
body: <p>For example, in one line there will be 2 different fonts for different words.</p>
  
  <p>i.e</p>
  
  <pre><code>(typeworthy) This is a (helvetica) test
  </code></pre>
  
  <p>Typeworthy being on 'This is a' and helvetica being on 'test'. Not sure how to do this though - I've tried using different div classes but that puts the words on different lines. </p>
  
  <p>Can this be done?</p>
  
  <p><strong>Update:</strong></p>
  
  <p>view:</p>
  
  <pre><code>  &lt;span class="font1"&gt;We&lt;/span&gt; &lt;span class="font2"&gt;LOVE&lt;/span&gt;
     &lt;span class="font3"&gt;Flappy Bird&lt;/span&gt;&lt;span class="fontone"&gt;so much&lt;div id="space"&gt;we made &lt;span class="fonttwo"&gt;FLAPPY&lt;/span&gt;, the toy game controller!&lt;/span&gt;&lt;/div&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>.font1{
  
      font-family: 'boxyfont';
      text-shadow: -1px -1px white, -1px 1px white, 2px -1px white, -1px -1px white;
      margin-top:10px;
      display:block;
      float:left;
  }
  
  .font2{
      font-family: 'noteworthy';
      padding: 4px 10px 4px 10px;
      color: white;
      font-weight: bold;
      text-shadow: 1px 0 black, 0 2px black, 2px 0 black, 0 -1px black;
      margin-top:-10px;
  }
  </code></pre>