razorpig Posted January 10, 2019 Share Posted January 10, 2019 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. Quote Link to comment Share on other sites More sharing options...
Move Along People Posted January 10, 2019 Share Posted January 10, 2019 - Quote Move Along people,nothing to see here Link to comment Share on other sites More sharing options...
razorpig Posted January 10, 2019 Author Share Posted January 10, 2019 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. Move Along People 1 Quote Link to comment Share on other sites More sharing options...
Recommended Posts
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.