Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for professional graphic designers and non-designers trying to do their own graphic design. It's 100% free, no registration required.

So we often run into print designers who choose all these crazy fonts that don't look good for the web.

As a backend web programmer, what do I tell print designers to help them select non-system fonts that will render well via CSS3 on the web? What is the checklist of requirements?

Or perhaps someone can show me some good blogs on this subject?

Additional Note: The biggest problem has been that these print designers make things that look amazing in photoshop. But as soon as we implement their designs into a website, they are not satisfied with how inconsistent and unpolished it looks depending on the browser and operating system you're using. Some fonts do a better job than another. What is the science behind selecting a font that works well across all browsers and operating systems?

share|improve this question
I'm sorry but I am lost in your post. Are the designers designing a website in photoshop or print designs and asking you to create something in relation to the print. I ask this because you state that the designs look good, but the end product they aren't happy with. Can you post an example? –  Gramps Apr 21 '13 at 4:57
the designers create a psd file that has many layers/folders. Each layer depicts a particular page of a website. I receive the PSD file and code the HTML, CSS and Javascript to create webpages depicted in the PSD files. The designers are not happy with the quality of fonts that appear on the html pages I create. They complain that the fonts on the web are not as smooth, or the letter spacing needs be half a pixel smaller (not possible in CSS) etc... –  John Apr 21 '13 at 5:20
Well by your post no matter what font they use they are still going to adjust the kerning, tracking and leading which can't be modified yet in CSS. That said its not going to matter what fonts you suggest for them to use and have you communicated that back to them? –  Gramps Apr 21 '13 at 20:39
I haven't communicated that back to them because some people have told me there are some fonts that are meant for the web, and others aren't. When i look at the fonts that were designed "for the web", I agree something about it makes it more ledgeable and pleasant. I dont understand the "science" behind what makes a font more suitable for the web, so i'm unable to articulate it to the client. –  John Apr 22 '13 at 13:36
It doesn't matter what fonts are for "web" or not.. Either way the designer in the design process will alter them. This is where you need to communicate and teach them that web is nothing like print design and modifications to the fonts are not yet supported by the browser. –  Gramps Apr 22 '13 at 19:56
add comment

1 Answer

You have a few separate issues here, first I would recommend pointing the designers towards either

http://www.fontsquirrel.com and http://www.google.com/fonts/

These sites container CC fonts that work perfectly on the web and are completely free to use, and there are instructions on the site on how to add them to your websites - as well as a download so they can be used in design applications.

Secondly I would recommend giving your designers a CSS framework template to work towards, something like bootstrap (there are many others choose your preference) would be good for this.

http://twitter.github.io/bootstrap/ - the framework itself

http://benstewart.net/2012/06/bootstrap-responsive-photoshop-templates/ - a psd template (this was a quick search there may be better ones available).

If you can get them to design using the grid you maybe able to achieve far closer results to their designs.

share|improve this answer
thanks, i'm only interested in the first issue, which is the font. I used sites like fonts.com and myfonts.com. But some fonts don't render nicely depending on which OS you're in. As example, the "Have a Nice Day Font" looks rougher in windows than mac. And then some fonts from myfonts.com that look great in photoshop, just look terrible on the web because we dont have enough control over hte tracking or line height, which a print designer is so use to having. So back to my original question..how to instruct print designers on the science of web font selection? –  John Apr 20 '13 at 14:26
add comment

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.