Jump to content

Recommended Posts

Hi,

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.

font_size_screenshot.jpg

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.

pt_to_px.JPG

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.