Why is the text size in my Output different from my PSD?« Back to Questions List
Short AnswerExport 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 TextA very common reason for this may be that your Text is scaled in your design, DO NOT scale text. Redraw Text LayersIf 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 Long AnswerPhotoshop 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. |
Do you have the right answer? If you do other users will benefit from your contribution, share your knowledge with the community!
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.