• Home
  • Features
    • Background Rotator
    • Color Chooser
    • Gantry Framework
    • Module Variations
    • Module Positions
    • Typography
      • HTML Examples
      • RokCandy Examples
      • Using Typography
    • Menu Icons
      • icon-add.png Add Icon
      • icon-arrow.png Arrow Icon
      • icon-briefcase.png Briefcase Icon
      • icon-calendar.png Calendar Icon
      • icon-check.png Check Icon
      • icon-crank.png Crank Icon
      • icon-delete.png Delete Icon
      • icon-docs.png Docs Icon
      • icon-email.png Email Icon
      • icon-home.png Home Icon
      • icon-key.png Key Icon
      • icon-key1.png Lock Icon
      • icon-minus.png Minus Icon
      • icon-monitor.png Monitor Icon
      • icon-notes.png Notes Icon
      • icon-post.png Post Icon
      • icon-printer.png Printer Icon
      • icon-rss.png RSS Icon
      • icon-key2.png Unlock Icon
      • icon-warning.png Warning Icon
      • icon-write.png Write Icon
    • Child Items
      • Child Item
      • Child Item Single Column Example
        • Child Item
        • Child Item
        • Child Item
          • Child Item
          • Child Item
          • Child Item
            • Child Item
            • Child Item
            • Child Item
            • Child Item
          • Child Item
        • Child Item
      • Child Item Multi-Column Example
        • Child Item
        • Child Item
        • Child Item
        • Child Item
        • Child Item
        • Child Item
          • Child Item
          • Child Item
          • Child Item
          • Child Item
        • Child Item
        • Child Item
      • Child Item
  • Extensions
    • RokTabs
    • RokQuickCart
    • RokAjaxSearch
    • RokStories
    • RokNavMenu
    • RokBox
    • RokGZipper
    • RokCandy
  • Tutorials
    • Installation
    • RocketLauncher
    • Style Control
    • Menu Options
    • Logo Editing
    • Using Typography
  • Styles
    • preset1.png Preset 1
    • preset2.png Preset 2
    • preset3.png Preset 3
    • preset4.png Preset 4
    • preset5.png Preset 5
    • preset6.png Preset 6
    • preset7.png Preset 7
    • preset8.png Preset 8
    • preset9.png Preset 9
    • preset10.png Preset 10
    • preset11.png Preset 11
    • preset12.png Preset 12
  • J! Stuff
    • Section List
    • Category Layout
    • Web Links
    • Contact Us
    • Member Access
    • Wrapper
  • 3rd Party
    • JomSocial
    • Tienda
    • JComments
    • K2
Features Typography

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:

  • HTML Mode: This is the traditional approach for implementing typography as used in the pre-2009 templates / demos, where 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.

  • 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 Typography

RokCandy Example

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

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

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

<p>
  <a class="readon" href="/typography/rokcandy-examples">
    <span>Read more...</span>
  </a>
</p>

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

Main Menu

  • Home
  • Features
    • Background Rotator
    • Color Chooser
    • Gantry Framework
    • Module Variations
    • Module Positions
    • Typography
      • HTML Examples
      • RokCandy Examples
      • Using Typography
    • Menu Icons
    • Child Items
  • Extensions
  • Tutorials
  • Styles
  • J! Stuff
  • 3rd Party

Who's Online

We have 1 guest online

Help Center

  • Frequently Asked Questions
  • Written Documentation
  • Video Guides & Aids
  • Member Support Forum

Contact Info

Panacea Template LLC
173 Cyrian Drive,
Houston, TX, 34900, USA
Tel: (555) 555-55555

Demo Information

All demo content is for demostrative purposes only, intended to show a representative example of a live site. All images and materials are the copyright of their respective owners. Additionally, this demo, in a modified form, is available for download in the RocketLauncher format.

Designed By
Powered By