<h3>Font Face</h3>
<p>JSN Boot provides <strong>3 font face options </strong>for major website types. Each font face option is actually a combination of 2 font types: one for content text, another for heading text and main navigation text.</p>
<h4>Special Font (powered by Google Font Directory)</h4>
<p>To make your website content look even better, we included feature to load special fonts directly from Google Font Directory. We have carefully selected the most appropriate special font for each text style. Since this service is provided by Google, it's very reliable and fast.</p>
<div class="content-center">
<p><strong>Click on any screenshot to see LIVE demo of that font face. (<a href="index.php?option=com_content&view=article&id=69&Itemid=682" class="link-action">reset to default</a>)</strong></p>
<p class="content-center"><a href="index.php?option=com_content&view=article&id=69&Itemid=682"><img src="http://demo.joomlashine.com/joomla-templates/jsn_boot/pro/images/content/template-details/design-features/font-styles/font-face-business-special.png" border="0" alt="Font Face Business Special" /></a></p>
<p><strong>"Business / Corporation" style with special font</strong></p>
<p class="content-center"><a href="index.php?option=com_content&view=article&id=69&Itemid=683"><img src="http://demo.joomlashine.com/joomla-templates/jsn_boot/pro/images/content/template-details/design-features/font-styles/font-face-blog-special.png" border="0" alt="Font Face Personal Special" /></a></p>
<p><strong>"Personal / Blog" style with special font</strong></p>
<p class="content-center"><a href="index.php?option=com_content&view=article&id=69&Itemid=684"><img src="http://demo.joomlashine.com/joomla-templates/jsn_boot/pro/images/content/template-details/design-features/font-styles/font-face-news-special.png" border="0" alt="Font Face News Special" /></a></p>
<p><strong>"Online News / Magazine" style with special font</strong></p>
</div>
<hr class="line-dots" />
<h3>Font Size</h3>
<p>JSN Boot provides <strong>3 text size options</strong> for major website audience.</p>
<div class="content-center">
<p><strong>Click on any screenshot to see LIVE demo of  that font size. (<a href="index.php?option=com_content&amp;view=article&amp;id=69&amp;Itemid=471&amp;jsn_settextsize=medium" class="link-action">reset to default</a>)</strong></p>
<p class="content-center"><a href="index.php?option=com_content&view=article&id=69&Itemid=471&jsn_settextsize=small"><img src="http://demo.joomlashine.com/joomla-templates/jsn_boot/pro/images/content/template-details/design-features/font-styles/font-size-small.png" border="0" alt="Font Size Small" /></a></p>
<p><strong>Small font size</strong></p>
<p class="content-center"><a href="index.php?option=com_content&view=article&id=69&Itemid=471&jsn_settextsize=medium"><img src="http://demo.joomlashine.com/joomla-templates/jsn_boot/pro/images/content/template-details/design-features/font-styles/font-size-medium.png" border="0" alt="Font Size Medium" /></a></p>
<p><strong>Medium font size</strong></p>
<p class="content-center"><a href="index.php?option=com_content&view=article&id=69&Itemid=471&jsn_settextsize=big"><img src="http://demo.joomlashine.com/joomla-templates/jsn_boot/pro/images/content/template-details/design-features/font-styles/font-size-large.png" border="0" alt="Font Size Big" /></a></p>
<p><strong>Big font size</strong></p>
</div>