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?
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.
Attribution
Source : Link , Question Author : John , Answer Author : MephistonX