#
July 28, 2016 at 4:20 pm
This chart only coverts PT to PX
And % and ems
What type face or font size should designer use while designing
For main body text, something clear, easy to read and at a reasonable size (taking into account line length, font weight and context). Most browsers default to 16px/1em so stick with that or something close – unless you’re designing for an audience that requires larger, but you should know that based on your design brief or user profiles. For desktop, try not to go smaller than around 15px, or maybe 14px at a push if you’re using something like Verdana. On mobile you can usually go a bit smaller due to comfort and screen proximity. Then again, on med-large desktop, a layout that’s been capped at 1280px width with 16px/1em copy, will look small on a 1920px monitor, so some upscaling may be called for, which could easily see 16px/1em increase to 24px/1.5em to better fill the screen. There’s more to consider than a font-size that’s been hardcoded into a static PSD layout and I’m not sure that you can do an easy direct equivalent like that from Photoshop, or any other graphic design software. I don’t design websites in Photoshop a great deal anymore but when I do (and they’re more for a “flavour” than a set in stone finalisation), I take the sizing as a general approximation and instead rely on real life testing on a variety of devices.
My advice would be to do some research into “typography in responsive web design” and base your font-size/type-face choices on your findings there.