Jump to content

Recommended Posts


Please forgive my rather naive question but I'm a little confused.

As a rule of thumb I understood 16px is a good font size for readable text on a website. I'm just examining the great Grade UI Kit and see that some of the header text is 4.8pt ( see attached screenshot ). I've just read that 1pt is equal to 1/72" so at 72dpi 1pt should equal 1px. Obviously if I follow my rule of thumb here and use 16pt ( which should equal 16px? ) the text is huge.

What am I missing?

I've just referred back to some of my PSD designs and 16pt looks fine.

Many thanks in advance if anyone can clarify this for me.


Share this post

Link to post
Share on other sites

Hi haakoo,

Thanks for the link - great site with some really useful tools.

Initially I was still confused because the conversion gave me a font size of 6.4px ( see attached ) which is clearly not what we see in the design.

I've now resolved it - I'd incorrectly assumed that the document was set at 72dpi. It was actually 300dpi. When I set it to 72dpi the font size changed to 20pt.

Thanks once again for your input.


Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


Important Information

These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.