Login to the Joomla! Administration Control Panel. Go to www.yoursite.com/administrator. Enter the Administrator's Username and password.
Navigate to the Static Content Manager. Once you have logged in, hover over the Content link on the top taskbar, scroll down to Static Content Manager.
When you have selected the Static Content Manager link, you will be sent to the Static Content Manager control panel. Select either Edit or New, depending on whether you want to add typography to an existing or new item.
To add typography to your content, you must enter the HTML mode of the Content editor. In the TinyMCE editor, this an icon called "HTML", in some other content editors, it is a tab but with be clearly marked for easy navigation. Push the icon to enter HTML mode.
A popup shall appear with your content in HTML format, in the following screenshot, you will see the above screenshot's text in HTML coding. You shall do all your editing here for typography.
In this case, we will be using the info span class style for the example text.
You will not see the effects in the content editor, all style affects are only visible on the Frontend of your Joomla! website.
The following screenshot shows you the end result of inserting the HTML code into your content.
About Romsey 
Video Tutorial Currently Available!