I hate the type engine in Photoshop. The font sizes in your mock-ups do not reflect the font sizes you’ll actually use when trying to replicate your design. What’s a person to do? Well, in my case I keep Typetester nearby and I’ll occasionally remind myself of a few typography tips just to insure I stay creative along the way. As I get close to a “final”, I’ll compare various type styles on typetester, then grab my final chosen CSS selectors and create a new HTML document using those type selectors. I’ll then enter my placeholder text in my little the html page snippet and finally cut/paste that content directly into Photoshop. Doing this in your final step insures your chosen type in your designs mirror the CSS code EXACTLY. I’ll always go one final step further to get it exactly right. I’ll actually type the CSS into the final comp to really hammer the point home. It usually looks something like this:
0 Responses to “Getting your onscreen type just right.”