Loading...

Font Styles

Your PSD font styles are used in your output to support all font styles and variations. In many environments, font styles span far beyond a character – so a single font can have unlimited styles.

IMPORTANT: Font Styles and Character Styles are not the same.  A Font Style of Bold will only render if you have the correct CSS or Google Font to support, vs. a Character Styles Bold will add font-weight:bold; to the text element.

Web Font Styles

When using Font Styles with web based outputs, be aware that each browser will render fonts differently. Using “Arial” font (a very common font), your output will still look different when using IE, Chrome and FireFox.

NOTE: You will need to test your output!
Learn more about adding Google Fonts for better Font Style support.
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 Webpage

A clean responsive webpage design for 3 target screens.

Connect With Us