Loading...

Safe Text

Disable for Illustrator.  This feature is designed for Photoshop, and is not required for Illustrator exports.

All browsers and devices render fonts, sizes and effects differently! Safe Text is designed to give you a pixel-perfect export with web-based outputs, where Text Layers are converted similar to your design.

Adobe uses a custom Adobe Pixel, this means that XD, PSD, AI and INDD will display content very differently than your output environment. There are situations where you may want to Enable for better web support, or Disable for better IDE support.

Layer Kit Pro Options

Export Kit Pro Layer Options

Enabled

Recommended for Websites.

If enabled, this will calculate a “safe” size for text depending on the Output environment, and allow for more accurate rendering of your design. We recommend this option when working with web-based outputs such as HTML5 or WordPress.

Font Rendering

All browsers and environments render fonts differently so you must – test, test, test!

Disabled

Recommended for IDEs.

Text will render using the size of your font in your design. We do not recommend doing this for web-based outputs, but other environments such as JSON and Android may benefit from exact font size mapping.

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


Responsive Multi-Page Website

A clean responsive website with multiple pages +target screens.

Connect With Us