Typography Overview

Typography is a fundamental part of a template, providing you with the tools to characterise your content and bring it to life. There is a vast array of typography available with this template, as is with our previous releases, from list styles, notice blocks and a diverse number of other elements.

There are 2 methods in which to implement the typography into your Joomla content:-

  1. HTML Mode: This is the traditional approach for implementing typography as used in the pre-2009 templates / demos, were you had to use HTML coding / syntax for the typography. This presents two main problems: the Joomla WYSIWYG editor is notorious for stripping out HTML so could easily remove your formatted article and no typography; secondly, using HTML for typography may present a problem for certain users who are unaccustomed to HTML and coding.

  2. RokCandy Mode: The RokCandy component from RocketTheme allows you to implement typography easily, without fear of the WYSIWYG editor ruining your formatting and allows you, and/or your clients to add them to your content with ease. This is through a method similar to BBcode (as seen in a forum). WYSIWYG friendly syntax can be used, or even custom configured that will transform a set snippet to the correct HTML when it is parsed by Joomla.

Why use RokCandy?

RokCandy is the ideal solution for those with limited coding skills or those who implement our templates for their clients. It is free from the WYSIWYG editors horrific filtering habits and can be easily pre-configured for your personal needs or the needs of your client.

RokCandy Example

The RokCandy Typography button is created by using the following syntax with RokCandy:-

[readon1 url="/typography/rokcandy-examples"]RokCandy Typography[/readon1]

However, if we were to use HTML, the following code would be required:-

<div class="clr"></div>

<div class="readon-wrap1">
	<div class="readon1-l"></div>
	<a class="readon-main" href="/typography/rokcandy-examples">
		<span class="readon1-m">
			<span class="readon1-r">RokCandy Typography</span>
		</span>
	</a>
</div>

<div class="clr"></div>

As you can see, the RokCandy version is a lot easier to use.