# FontPress - Wordpress Plugin

## v3.0

Created: | 04/03/2012
Latest update: | 03/07/2016
By: | LCweb
Website: | http://www.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 open a ticket on LCweb support platform. Thanks so much!

### Installation

### Manage Cufons

##### NOTE:

Cufons are actually an outdated technology. FontPress will continue supporting it, but is not possible to run all modern CSS effects.

### Manage Google and Adobe Web Fonts

### Manage Font-Face Fonts

##### Font-Face package creator:

To make the process easy for everyone, plugin has been coded to handle packs created from this site.
If you already have a pack, try to simulate its format and re-create the zip file.

Otherwise a good option would be to upload everything through FTP: go in FONTS folder and create a subfolder with your new font name (remember to replace spaces with underscores).
Finally put within fontface files, ones with these extensions: .eot .svg .ttf .woff

### Manage Adobe Typekits

##### NOTES:

Remember that each typekit is restricted to work only on one domain, be sure your site is ok with configuration.

Through Adobe interface you can already specify CSS selectors where new fonts will be applied, this is of course automatically integrated once a typekit is added and enabled in FontPress.

### Element Rules

Cleanest and most efficient way to use FontPress is using rules: this is essentially a simple, yet powerful, CSS framework.

Procedure is really simple:

1. add a new rule
2. Set the selector. Could be body to affect any website element or only headings or a custom one. Just use valid CSS selectors
   Remember you can use also meta-selectors such as :hover or :focus
3. Choose how to customize fonts

Obviously you can customize only specific aspects and inheriting others by using zero values, "none" for colors or "inherit" where available.
This, for example, won't apply any customization to selected element

For advanced tips, check related chapter

### Typography Shortcode

##### Missing effects?

FontPress v3 removed color and text-decoration settings from shortcode wizard, this since they were a duplicate of Wodpress editor. Feel free to use them or manage everything with rules (see next point).

##### Alternative usage:

from v3 you can also bypass options selection and customize shortcode's content in a "centralized" way. In fact setting a class, you'll be able to use a FontPress rule for it. And this rule will be usable also for further shortcodes having the same class

### Advanced Tips & Notes

##### Responsive text

From v3 FontPress supports also responsive text sizings.
In particular responsive units are: vh and vw. Read more about units HERE

##### Visual Composer

Visual Composer could help a lot people without CSS experience or not knowing elements selector to use plugin rules.
In fact in most elements you can specify a custom ID or custom classes and obviously you'll be able to use them in rules.

##### Concatenate rules

As seen in "element rules" chapter, with "custom element" you can use a CSS selector to apply custom rules to any website element. However this allow you to take advantage of CSS inheritance properties.
For example, this screenshot shows how to set a different font only for bold elements inside paragraphs, keeping color and font-size from higher rule.

Rules order is essential to play with inheritance. In fact, code will be printed with the same order: last rules will have higher priority than first.

##### Use rules on single categories/posts/pages

Wordpress automaticall adds an unique CSS class for each category, post or page.
It is linked with the category/post/page ID. Assuming an ID of "999", class will be:

- Category: category-999
- Post: postid-999
- Page: page-id-999

##### Performances

As said in cufons screencast, plugin will load only wnabled elements.
Then, in order to avoid increasing loading times, a good suggestion is to not enable too many fonts at the same time.