Export Kit corrects the size in HTML to match your PSD design
IMPORTANT: All browsers and devices render fonts and sizes differently so must –
Do Not Scale Text
A very common reason for this may be that your Text is scaled in your design, DO NOT scale text.
Redraw Text Layers
If your text layer is giving you trouble, a quick solution is to redraw the text layer:
1. Double click your current text layer 2. Select and copy the text inside your layer 3. Select the type tool 4. Draw a new text layer with the
Photoshop and HTML are not the same. Your PSD will render perfectly visually, while HTML will render perfectly via code. There are many graphical differences with your PSD and your Browser, so there are situations where your content will not render the
Fonts are a major issue when rendering to devices as all devices including browsers will render fonts differently. There is no such thing as a "safe" font, even Arial will not render the same in various browsers.
We have a PSD template to test this specific issue: //exportkit.com/learn/psd-templates/basic-rendering/ek125_202_font_text_rendering. Export and test in all browsers, you will quickly see that the same font renders differently in both
ADVANCED USAGE: You can disable this feature anytime via the option Safe Text. Use caution when you disable this as your Text may not output as expected.
New *Text Scale Support*
You can now scale text normally and Export Kit will correct the text size to match your PSD design. Previously this was not possible but thanks to a user we were able to find a solution!
Share Your Knowledge!
Contribute to the community and help other users to benefit from your answer with experience and knowledge.