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 it’s huge on the website. Is this normal, and is there any way to get them the same size?
I’m a backend developer usually not a frontend developer, this is why I ask.
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.