Hi,
I have done some headings for a web page and i have decided to change them to HTML instead of an image however i used the same size of 20pt in photoshop and its huge on the website. Is this normal is there any way to get them the same size? I'm a backend developer usually not a front end developer, this is why I ask.
Thanks in Advance,
Dean
views:
29answers:
2
+2
A:
HTML is not an image and cannot be treated as such. It is supposed to cope with multiple resolutions and screen sizes.
How are you going to handle someone resizing fonts on their browser?
Try different sizes, though using relative sizes and header tags (<H1> to <H6>) and style them with CSS would be the semantically correct thing to do.
Oded
2010-08-13 10:07:02
No however if you insert an image to a webpage is it equivalent to viewing it at 100%? If it is then there is something wrong, as there is no resizing going on, on the image.
Dean
2010-08-13 10:14:19
@Dean - that's true, however, then screen readers and search engine bots can't see it either. And if you have a user with bad eye sight, they can't resize the font in order to see things.
Oded
2010-08-13 10:16:05
What about the alt tag in for the image? I thought that acted like an alternative to the image which can be read by bots and to the hard of seeing.
Dean
2010-08-13 10:27:34
@Dean - It is still better to have text than images. And some images do not translate to text very easily.
Oded
2010-08-13 10:28:50
A:
Did you set the resolution in Photoshop to 96 dpi for screen or 300 dpi for paper? This would explain the large size.
Read this artikel: How to Size Text in CSS link text
Ton van Lankveld
2010-08-13 11:52:50