Advanced Search

Test Rendering Arimo - Bold

/ Published in: HTML
Save to your folder(s)
Just a test...

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <html>
  2.   <head>
  3.     <title>Test rendering of Arimo Bold</title>
  4.     <style type="text/css">
  5.       /* Example CSS class using Arimo Bold */
  6.       h1.rfExample {
  7.         font-family: "Arimo Bold", Arial; 
  8.         font-size: 40px; 
  9.         color: #99f;
  10.       }
  11.     </style>
  12.   </head>
  13.   <body>
  14.     <!-- Now in the body we just use our defined class and flag it as a "renderedFont" -->
  15.     <h1 class="rfExample renderedFont">Arimo Bold</h1>
  16.  
  17.     The above heading text is a rendered font using the "Arimo Bold" font.
  18.  
  19.     <!-- Include JQuery from the Google CDN --> 
  20.     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  21.     <!-- Include the RenderedFont rendering engine (using the #free account key) -->
  22.     <script type="text/javascript"  src='http://cdn.renderedfont.com/js/renderedfont-0.8.min.js#free'></script>
  23.  
  24.   </body>
  25. </html>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.