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 now 2 methods in which to implement the typography into your Joomla content:-

1. HTML Mode: This is the typical approach seen in pre-2009 templates, were you had to physically add the HTML to your content in order for it to work. This can be a strenuous task for two main reasons. The first being the WYSIWYG editor of Joomla, which, more often than not would strip out the HTML from your content if you opened any formatted article with it. The second being the ability of the user, if you are using purely to the WYSIWYG editor, using the HTML mode or no editor at all can be a difficult step to reach.
2. RokCandy Mode: The all new component from RocketTheme which 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.

If you are apt with HTML, and are not implementing a site for someone who has limited coding skills, then the HTML method would be our recommended choice. [readon url="index.php?option=com_content&view=article&id=56&Itemid=67"]RokCandy Typography[/readon]

A guide to implementing the included TerranTribune typography styles and elements into your site as well as instructions for inserting typography using the HTML editor option of your WYSIWYG editor.

Every RocketTheme template has its own set of content styles, these styles are known as Typography. Typography can come in a number of varying and diverse formats, ranging from simple text modifications to image insertions to improve the look, layout of your website and give it life. This tutorial will take you through the necessary steps to adding typography to your Joomla! content.

Inserting Typography with the HTML Editor

To insert the Typography into your content, you must use the HTML feature of all Joomla! content editors. The following tutorial will outline the steps in which to does this with the default Joomla! content edit, TinyMCE. Please be aware, even though there are other content editors available, all are basically the same and the steps with be just as effective if you are using another Content editor.

Please note that the following tutorial will show you how to insert HTML (typography) into Article, the same procedure is apparent for Content Items and Custom modules. You may skip steps 4 and 5 if you are using No WYSIWYG editor.

You will not see the effects in the content editor, all style affects are only visible on the Frontend of your Joomla! website.