VFonts 1.0

Changes the font family to any font face you want.

This plugin changes the font of the forum, I included some fonts but you can add any fonts you want and just change the name in the css files accordingly.

You can edit the font face in the css files .

Use the vf.css to edit the font face for the full site view

Use the vfm.css to edit the font face for the mobile site view.

Add your fonts to the fonts folder.

These are the types of font face applications for font formats, remember to only use the one you need , I included all formats like below, so just use the one for your font or find the same font in these formats, or convert, so the fonts work across more browsers. True Type Font is the most compatible to use.


@font-face {
font-family: 'americantypewriter';
src:url('plugins/VFonts/fonts/americantypewriter.ttf') format('truetype'); 
src: url('plugins/VFonts/fonts/americantypewriter.eot') format('embedded-opentype'),
url('plugins/VFonts/fonts/americantypewriter.woff') format('woff'),
url('plugins/VFonts/fonts/americantypewriter.otf')format('opentype'),
url('plugins/VFonts/fonts/americantypewriter.svg') format('svg');
}

So if you only need one type

@font-face {
font-family: 'americantypewriter';
src:url('http://yoursite.com/plugins/VFonts/fonts/americantypewriter.ttf') format('truetype');

}

Free Fonts resources

http://www.dafont.com/

http://www.acidfonts.com/

To convert fonts into other formats

http://www.freefontconverter.com

http://www.font2web.com (this one converts to all the types at once.)

version 1.1 simplified and implemented hgtonights suggestion for calling the style sheets.
Tested on 2.2

Questions