Web Design Title Fonts


Web Design Title Fonts

Title fonts, namely on your home page can completely change the look and feel of your site. One of the ways to get in control of your heading fonts in WordPress is to use flash supported fonts from Fontburner.

Title Fonts

Depending on the purpose of your site, you may choose light, heavy, serif or sans-serif fonts, you may want to go grunge or into handwriting or even use a monospace font visible to all your visitors.

When using Fontburner, we overwrite our standard fonts as defined in the style sheet with non standard fonts which will be delivered in flash format.

Flash Fonts

There are two ways to power your flash fonts: either you import them from Fontburner, who will host them for you or you host them on your server and load the flash from there. I prefer the second solution in order not to depend on an external source for the display.

Installation

1. Install the Fontburner Plugin on your WordPress.

2. Create a folder called flash
in your domain root (public_html). This is the folder into which you load all the flash files of your preferred fonts.

3. In your plugin folder (font-burner-control-panel) you will find a file called: font-burner.php: edit it and change

src: 'http://www.fontburner.com/flash/';
to:
src: 'http://www.your_domain.com/flash/';

These changes need to take place on lines: 297, 370, 444, 518
and while you are there, you may also change the comment on line 590.

Get Title Fonts

Select your preferred fonts from Fontburner and download the flashfiles: the download link is located at the bottom of each font display page. Place all these flash files in your folder called flash, created under step 2 above.
I have downloaded the fonts represented by the screen-shots HERE.
To save time, you may want to download the flash files of this collection time from HERE.

Title Fonts Configuration

For the purpose of the demo blog, I configure only my h1 and h2 titles and I leave h3 and h4 defined by the style-sheet.

Configuration of h1 and h2:

Title Fonts Configuration

Title Fonts Configuration

Note: the font name corresponds to the swf (flash)  file name without the extension.

CSS Customization

CSS Customization for Title Fonts

CSS Customization for Title Fonts



My Title Fonts – the Result

Title Fonts

Title Fonts


Author: Yorgo Nestoridis, Media Marketing & Publishing, Founder of YORGOO Publishing, YORGOO Press and Semiomantics.

If you enjoyed reading the above, please consider following future tips and strategies by RSS reader, Email delivery, or Kindle subscription.

This page is wiki editable click here to edit this page.

More about this Topic

This entry was posted in Fonts, Web Design, Web Design CSS, Web Design Fonts and Typography, Web Design Style, Web Design Workshop, Website Design and tagged , , , , . Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.

One Comment

  1. Arsento
    Posted September 29, 2009 at 6:04 am | Permalink

    Interesting and informative.

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>