Export Kit supports various font rendering systems depending on the environment. For web environments, we support both css fonts and Google Fonts. For IDE based environments such as Android, you should load your font file as you normally would based on the specific environment.

NOTE: We are working on dynamic font loading for IDE based Outputs.

CSS Fonts

CSS Fonts are supported in Export Kit, but this will depend on the browser you are viewing the HTML5 export in. Each browser has individual CSS Font support so testing is required for the desired font and target browser.

You must enable Use CSS Fonts in the Exports PanelLayer Options.

Note: We provide additional font support beyond this list – we are working on a full list, but all browsers/devices support fonts differently; so it may take a while.

Arial, Calibri, Calisto, Candara, Century Gothic, Franklin, Frutiger, Futura, Geneva, Gill, Helvetica, Impact, Lucida, Optima, Segoe, Trebuchet MS, Tahoma, Verdana

- sans serif

Baskerville, Didot, Perpetua, Times New Roman, Palatino, Hoefler, Goudy, Garamond, Cambria, Book, Bodoni, Georgia

- serif

Andale Mono, Courier, consolas, monaco

- monospaced

Normal Fonts

For environments which do not support web based fonts, we are working on a [Font CDN] to compensate – stay tuned!

If your Output supports raw font files (eg. Flash based Outputs), you will need to load the font file based on the Output.

Download the Sample PSDs to test [Fonts] with 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

🚀 Start saving time and money!