=== 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.2 TTFGen allows you to embed fonts on your website by generating static images from your own CSS parameters. TTFGen is 100% cross browser compatible. == Description == -- TTFGEN IS CURRENTLY IN BETA -- 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. == 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. 1. The plugin requires that the wp_footer() be loaded in your footer template. == 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:
.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.2 =
* Fix for determining PHP maxUploadSize. The maxSize is now fixed at 1mb.
= 0.9.1 =
* Update to readme and version number to correct subversion repository problems.
= 0.9 =
* Wordpress beta version based on the stable, standalone version.
= 0.7 =
* Original alpha version.
== Standalone ==
You do not need to use wordpress to use TTFGen. Visit www.ttfgen.com to download the standalone jQuery/PHP version.
== Donations ==
We know that everyone's time is valuable. If this plugin saves you endless amounts of time from manually creating images for your website, we hope that you will consider a small $1 donation.