Web Design Title Fonts

by Yorgo Nestoridis

Title fonts, namely on your home page can com­pletely change the look and feel of your site. One of the ways to get in con­trol of your head­ing fonts in Word­Press is to use flash sup­ported fonts from Font­burner.

Depend­ing on the pur­pose of your site, you may choose light, heavy, serif or sans-serif fonts, you may want to go grunge or into hand­writ­ing or even use a mono­space font vis­i­ble to all your visitors.

When using Font­burner, we over­write our stan­dard fonts as defined in the style sheet with non stan­dard fonts which will be deliv­ered in flash for­mat.

There are two ways to power your flash fonts: either you import them from Font­burner, who will host them for you or you host them on your server and load the flash from there. I pre­fer the sec­ond solu­tion in order not to depend on an exter­nal source for the dis­play.

1. Install the Font­burner Plu­gin on your Word­Press.

2. Cre­ate a folder called flash in your domain root (public_html). This is the folder into which you load all the flash files of your pre­ferred fonts.

3. In your plu­gin 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 com­ment on line 590.

Select your pre­ferred fonts from Font­burner and down­load the flash­files: the down­load link is located at the bot­tom of each font dis­play page. Place all these flash files in your folder called flash, cre­ated under step 2 above.
I have down­loaded the fonts rep­re­sented by the screen-shots HERE.
To save time, you may want to down­load the flash files of this col­lec­tion time from HERE.

For the pur­pose of the demo blog, I con­fig­ure only my h1 and h2 titles and I leave h3 and h4 defined by the style-sheet.

Con­fig­u­ra­tion of h1 and h2:

Title Fonts Configuration

Note: the font name cor­re­sponds to the swf (flash)  file name with­out the exten­sion.

CSS Cus­tomiza­tion for Title Fonts

Title Fonts

• Web Design Seminar
• Grunge Brushes
• Grunge Tex­tures Old Paper
• Grunge Back­grounds
• Corvette 79 for Sale in USA

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

• web title fonts
• Yorgo Nestoridis font
• web design­ing titles
• web page title fonts
• web fonts for titles
• web design title fonts
• title fonts css
• fonts for web title
• title fonts for website
• flash titles in web designing

Related posts:

1. 51 Grunge Fonts
2. Web Design Seminar
3. Web Design Title Fonts
4. Miss Gar­den Route 2009 Final
5. Miss Gar­den Route Images

Tags: Accessibility, and, CSS, Design, Direction, Elegant design, Flash, Fonts, Grunge Design, Image Editing, Layout, Media Design, Nestoridis, Style, Title, Typography, Web, Web Design, Web Design Basics, Web Graphics, Web Site Design, Website, WordPress, Workshop, WorPress, Yorgo Nestoridis, Yorgo Nestoridis Design, YORGOO

This entry was posted on September 28, 2009 at 11:04 am and is filed under Web Design, Web Services. You can follow any responses to this entry through the RSS 2.0 feed.