title: css font family : Why some font doesn't render on mobile
body: <p>Does any one know why some of my font families won't render on some mobile devices?  Here's a page that demonstrates the fonts:</p>
  
  <p><a href="http://jl.evermight.com/font/" rel="nofollow noreferrer">http://jl.evermight.com/font/</a></p>
  
  <p>The fonts render properly on desktop chrome browser, ipad and iphone.
  But when i view that page on my galaxy note, the Have A Nice Day font renders as something that looks like arial.  On my friends nexus 4, Have a nice day works fine, but the universe condense renders as something that looks like arial.   </p>
  
  <p>Does anyone know why?</p>
  
  <p>I've attached screenshot of what the fonts should look like<img src="https://i.stack.imgur.com/AoQlP.png" alt="enter image description here"></p>
  
  <p><strong>Additional notes</strong>
  some people claim Have a nice day is not working in Firefox or IE10.  For me, the font works on Firefox.  I don't have IE10, so unable to verify.</p>
  
  <p>How do I make this font work on my android?</p>
  
  <p><strong>Additional Notes</strong>
  I had a typing mistake in my link path to my css files.  I've corrected it now.  But the problem still appears in my droid browser.</p>