Loading...

Enable CSS Fonts

CSS Fonts provide typeface information such as Font Name and Font Style where available. CSS Fonts are included with many common web-browsers and will work by default.

Layer Kit Pro Options

Export Kit Pro Layer Options

Called Use Web Fonts in Export Kit.

NOTE: Not all environments require CSS Fonts, eg. with Android and iOS fonts require imports.
Font information is restricted to Text layer elements only!

Enabled

If enabled, this will allow CSS font names and styles to be used in the code output. CSS Fonts are supported in Export Kit, but this will depend on the browsers you are viewing the output in. Each browser has individual CSS Font support so testing is required for the desired font and target browser.

Learn more about Font Support or download and test the CSS Fonts PSD template.

Example CSS Font Information

1
font-family: MyriadPro-Regular, Arial, "Helvetica Neue", Helvetica, sans-serif;

Disabled

No font name or style information is provided in the output.

LOGIN NOW: Get instant access to our free Online Training - click here.

02. Using The Plugin

03. Layer Support

04. Basic Exports

05. Layer Tags

06. Optimization Tips

07. Complete Exports

Help Us Improve


We aim to keep our content relevant with useful information, examples, samples and links. Tell us what you think!

I found the content:

Helpful
Confusing
Outdated
Broken Links
Bad Spelling
Too Short
Too Long

This page needs:

Nothing
Better Content
Links
Examples
Videos

Free Download


Dropdown +Rollover Menus

Professional dropdown menus with full CSS rollover support.

Connect With Us