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!


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

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


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

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

Using the Plugin

How To Guides

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:

Broken Links
Bad Spelling
Too Short
Too Long

This page needs:

Better Content

Free Download

Cheat Sheet

A full sample of our support for text, shapes, images and effects.

Get a Free Export

Our Creative Team will export your project live and answer any questions you may have - we guarantee your first conversion will 100% work - we work with you to ensure this, Contact Us or check the Community FAQs for assistance.

Connect With Us

Discounts available, #RemoteWork for safety - Learn More, Shop Now.