FontPress - Wordpress Plugin - Documentation by LCweb v2.3
“FontPress - Wordpress Plugin”
Created: 04/03/2012
Updated: 27/03/2013
By: LCweb
Email: support@lcweb.it
Thank you for purchasing my plugin. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!
Table of Contents
- Installation
- Manage Cufons
- Manage Google and Adobe Web Fonts
- Manage Font-Face fonts
- Elements Rules
- Typography Shortcode
- Advanced Tips & Notes
A) Installation - top
B) Manage Cufons - top
C) Manage Google and Adobe Web Fonts - top
D) Manage Font-Face fonts - top
Notes:
- Font-Face package creator
From October 2012 FontSquirrel has changed the files included in their packages. I suggest to use this one instead
E) Elements Rules - top
F) Typography Shortcode - top
Note: The shortcode automatically add the styles in the HTML "font" tag.
Pay attention to the HTML syntax that the wordpress editor creates in "visual" mode, in some cases could be wrong and alterate the results. To be sure that all is right, remember to use the shortcode completely in or completely out of an HTML tag. For example:
- Wrong use
[fontpress] TEXT
[/fontpress]- Correct use
[fontpress]
TEXT
[/fontpress]
G) Advanced Tips & Notes - top
Concatenate rules
As seen in the "elements rules" screencast, with "custom element" you can use a CSS selector to apply the custom font to whatever in your website. But use CSS selectors allow us also to create concatenated customizations.
For example, following the example seen in the screencast, we want to change the font of the page paragraph and use another font for its bold elements:
Create a new rule that use as element ".page-id-292 p" and set a standard CSS font like "times".
In this position the paragraph's rule may affect also the strong elements and override the previous rule.
We have simply to sort the paragraph's rule by drag the sort icon (green circle) and put it on top of the bold elements one.
Use rules on single categories/posts/pages
As seen in the example, wordpress add automatically a unique CSS class for each category, post ora page.
It is linked with the id of the category/post/page. Assuming that the ID is "999", the class will be:
- Category: category-999
- Post: postid-999
- Page: page-id-999
Note
As said in the cufons screencast, the plugin will load only the elements enabled. Then to avoid slowdowns in the website i suggest to not enable too much of them at the same time.
Once again, thank you so much for purchasing my plugin. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the PHP scripts on Codecanyon, you might consider visiting the forums and asking your question in the "Item Discussion" section.
