Jump to content

Recommended Posts

Posted

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

Posted

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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...

Important Information

Terms of Use | 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.