how to preserve look and feel – Help needed

RG
Posted By
raghu_gopalak
Jan 9, 2004
Views
244
Replies
2
Status
Closed
Hi
I am newbie to Photoshop and am facing a problem. We have created some page(s) in photoshop and have sent it to a developer who is coding these pages. We have sent him a style guide with the fonts and sizes called out. However we are finding that the look and feel doesnot match even though developer is using the same font and sizes that we have called out. The coding done by the developer makes the text look bigger.

As a test we created a sample page with just some text in Arial 14 point in Photoshop and created a html page in notepad with the same font and size. If I look at the text (saved as gif) created in photoshop and the text created in notepad they look different.

The HTML code would I assume be using system fonts. So is there any kind of style sheet that I can get out of Photoshop which the developer can use so that we can get the same look and feel. Or is there any standard rules for converting Photoshop fonts and sizes to system fonts and sizes. Our application is simple and we are only using Arial and Arial black throughout.

Thanks

Rags
Related Tags
help how look preserve

Must-have mockup pack for every graphic designer 🔥🔥🔥

Easy-to-use drag-n-drop Photoshop scene creator with more than 2800 items.

WS
Warren Sarle
Jan 9, 2004
"Rags" wrote in message
Hi
I am newbie to Photoshop and am facing a problem. We have created some page(s) in photoshop and have sent it to a developer who is coding these pages. We have sent him a style guide with the fonts and sizes called out. However we are finding that the look and feel doesnot match even though developer is using the same font and sizes that we have called out. The coding done by the developer makes the text look bigger.

As a test we created a sample page with just some text in Arial 14 point in Photoshop and created a html page in notepad with the same font and size. If I look at the text (saved as gif) created in photoshop and the text created in notepad they look different.

Your mistake is measuring font size in points. Points, inches, and centimeters are meaningless on web pages. Use pixels instead. Even then, users can change font size in html, so if your web pages cannot adapt nicely to different font sizes, they are badly designed.
T
tacitr
Jan 11, 2004
As a test we created a sample page with just some text in Arial 14 point in Photoshop and created a html page in notepad with the same font and size. If I look at the text (saved as gif) created in photoshop and the text created in notepad they look different.

14 point AT WHAT RESOLUTION?

You can’t measure type in points in an image if you do not also know the resolution of the image; and if the resolution of an image changes, its point size will change.

Since you’re creating images for on-screen presentation, you must measure your type in pixels, not points.

—
Rude T-shirts for a rude age: http://www.villaintees.com Art, literature, shareware, polyamory, kink, and more:
http://www.xeromag.com/franklin.html

How to Improve Photoshop Performance

Learn how to optimize Photoshop for maximum speed, troubleshoot common issues, and keep your projects organized so that you can work faster than ever before!

Related Discussion Topics

Nice and short text about related topics in discussion sections