=== WP-TTFGen === Contributors: vtroia, mdabbs Donate link: http://www.ttfgen.com Tags: ttf, truetype, font, fonts, seo, image renderer, jquery, images Requires at least: 2.1 Tested up to: 2.8.5 Stable tag: 0.9 TTFGen allows you to embed fonts on your website by generating static images from your own CSS parameters. TTFGen is 100% cross browser compatible, SEO friendly, and supports rollovers! == Description == TrueType Font Generator, or TTFGen, is a combination of PHP and jQuery which allows you to use custom fonts on your website which are guaranteed to be cross browser compatible and SEO Friendly. TTFGen automatically generates static text images based on your own set of parameters. A small jQuery script is used to call the PHP image renderer, which uses the TTF file to generate the image. TTFGen is SEO friendly because it uses jQuery to replace text within your website after the page loads. As seen in the example above, the text on the page exists within the H1 and H2 HTML tags. Since the text is not replaced with the images until after the page is loaded, all of text on the page is properly indexed. == Installation == 1. Upload the entire `wp-ttfgen` folder to the `/wp-content/plugins/` directory. 1. Activate the plugin through the 'Plugins' menu in WordPress 1. Access TTFGen from the settings > TTFGen menu. 1. Modify general settings as needed. If you are not sure about the jQuery settings, do not change them. 1. Upload a TTF font via the 'Add New Font' section of the plugin. 1. Set the CSS Font assignments to match your uploaded font. For example, assigning class 'test' to a specific font will cause the plugin to search your site for every instance of the css class 'test'. It will replace the text within the class with the rendered image. 1. Modify the class (or ID)'s CSS properties to assign fields such as color, size, etc. == Frequently Asked Questions == = How exactly does the plugin work? = * Uplaod a TTF font via the plugin page * Assign the font to a CSS class or ID: * Example: Css Type: ID | Css Name: myHeader * Add the css class 'myClass' to any tag in your PHP template that you want to change. Ex:

Your Text here

* Modify the CSS with font properties. ex:
   .myClass {
	border: 0px; 
	font-size: 22px; 
	text-align:left;
	color: #d0be8c; 
	text-transform:capitalize;
	}
= What about Mouse Over / Hover colors? = TTFGen support rollover colors with SPAN tags! * Place a tag within your tags. * Assign the class or ID of the span from the TTFGen plugin page. * use the CSS property of hiFgColor to specify the rollover color. Ex: hiFgColor: #fff will give your text a rollover color of white. = Can I see a live demo of TTFGen? = Yes, at http://www.ttfgen.com/demo/ = What image type is the text rendered as? = Each image is rendered as a transparent PNG. = What CSS Properties can I specifiy? = * background-color * color * font-size * leading * margin * text-align * text-transform * width = What if something isn't working? = Please visit http://www.ttfgen.com/wordpress for support. == Screenshots == 1. Coming Soon. == Changelog == = 0.9 = * Wordpress beta version based on the stable, standalone version. = 0.7 = * Original alpha version. == Arbitrary section == You do not need to use wordpress to use TTFGen. Visit www.ttfgen.com to download the standalone jQuery/PHP version. Here's a link to [WordPress](http://wordpress.org/ "Your favorite software") and one to [Markdown's Syntax Documentation][markdown syntax]. Titles are optional, naturally. [markdown syntax]: http://daringfireball.net/projects/markdown/syntax "Markdown is what the parser uses to process much of the readme file" Markdown uses email style notation for blockquotes and I've been told: > Asterisks for *emphasis*. Double it up for **strong**. ``