This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.


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.


You do not need to use wordpress to use TTFGen. Visit to download the standalone jQuery/PHP version.


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 $2 donation.


  • Add Font section of the TTFGen admin page.
  • CSS property selector of the TTFGen admin page.


  1. Upload the entire wp-ttfgen folder to the /wp-content/plugins/ directory.
  2. Modify the two lines in the ‘/wp-ttfgen/scripts/config.php’ file. Your correct full server path will be required for the script to operate properly.
  3. Activate the plugin through the ‘Plugins’ menu in WordPress
  4. Access TTFGen from the settings > TTFGen menu.
  5. Modify general settings as needed. If you are not sure about the jQuery settings, do not change them.
  6. Upload a TTF font via the ‘Add New Font’ section of the plugin.
  7. 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.
  8. Modify the class (or ID)’s CSS properties to assign fields such as color, size, etc.
  9. The plugin requires that the wp_footer() be loaded in your footer template.


Full list of FAQs available on our website
How exactly does the plugin work?
  • Upload 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.


Your Text here

  • Modify the CSS with font properties. ex:
   .myClass {
    border: 0px; 
    font-size: 22px; 
    color: #d0be8c; 
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.
  • Assign the rollover color via the plugin.
Can I see a live demo of TTFGen?

Yes, at

What image type is the text rendered as?

Each image is rendered as a transparent PNG.

What CSS Properties can I specify?
  • background-color
  • color
  • font-size
  • leading
  • line-height
  • height
  • margin
  • text-align
  • text-transform
  • width
What if something isn’t working?

Please visit for support. Since this software is still in beta, it would be a tremendous help if you let us know about any bugs in our software.


There are no reviews for this plugin.

Contributors & Developers

“WP-TTFGen” is open source software. The following people have contributed to this plugin.


Translate “WP-TTFGen” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.



  • Problems with plugin loading if you are using the built in jQuery file.
  • Path fixes for jQuery and TTF Plugin.


  • Fixed bug which would cause errors during installation if wp-content Uploads folder does not exist (applies to new installations).
  • Fixed path bug for font folder and font-cache creation which added an invalid folder path to the database.


  • MAJOR FIX: Fixed die statement which was called if directory permissions were not in place for the config file.


  • Fixed more path issues, this time relating to the plugin update.


  • Fixed the wordpress path issues, that were being causes by duplicate defined constants in other plugins. The constant path definitions were all modified to include TTF in their names to avoid any similar problems from occuring in the future.


  • Fixed error in base TTFGen javascript path.


  • Moved the default location of the Fonts and FontCache folders within the wp-content/uploads folder to prevent erasing all data on plugin updates.
  • Additional checks to see if fonts listed in database exist on the server and are readable.
  • Added hover color capabilities from within the WordPress admin
  • Fixed double refresh bug
  • Fixed path problem when wp-content is not in the root folder.


  • The Config File is now auto generated. You no longer need to update the file manually.
  • Ability to save changes to the general settings.
  • Ability to re-load default configuration.


  • Major Update / Bug Fixes
  • Error / Status messages now appearing.
  • CSS Assignment updating / modifying now available.
  • Added font folder location displays to the general settings options
  • Fixed bug when entering a ‘#’ or a ‘.’ for CSS ID or classes.
  • Added ability to specify a CSS element in additional to an ID or Class.


  • Fixed bug where URL text with parentheses ‘(‘ or ‘)’ was not being rendered properly.


  • Major fix where the path to the wp-ttfgen plugin was incorrect, causing file not found errors in the javascript.
  • Correct path errors in the config.php
  • Fixed jQuery script which used the font web name instead of the font file name


  • File uploading error caused by letter case and spaces fixed.


  • Fix for determining PHP maxUploadSize. The maxSize is now fixed at 1mb.


  • Update to read-me and version number to correct subversion repository problems.


  • WordPress beta version based on the stable, standalone version.


  • Original alpha version.