Menu
What is recommended text size ratio between mobile and tablet device?
There is an app for a mobile device and I need to make the same for a tablet device. If font size in mobile app is 16dp, what should be in tablet app?
There must have been some multiplication ration which I can use to best decide on text size for a tablet app. Android design web site does not say much about this.
PS. I know that I can tweak each text by testing it on a device, but I am looking for a recommended ratio.
EDIT
not 16dp, but 16sp. Sorry!
348
In general, the rule of thumb is that font size needs to be 16 pixels for mobile websites. Anything smaller than that could compromise readability for visually impaired readers.
Now, the next thing to consider is that font-sizes need to be different across different devices. On a desktop monitor there is more room and so fonts can (and should) be larger, while on mobile the screen is smaller so the font size should be decreased so all the text can fit on the page.
Body fonts should be about 16px Ultimately, you want the body text on your phone (when held at a natural distance) to be as readable as the text in a well-printed book (when held at a natural – usually slightly farther – distance). One process for getting there: Start with 16px.
The recommended font size for media on sites optimized for mobile devices should be 12 to 16 pixels. A smaller size will be much more difficult for users to perceive. This is especially true for visually impaired site users.
Actually we developers need not worry about that ratio. I simply externalize font size values into res/values/dimensions.xml and use sp as a unit.
<resources>
<dimen name="my_font_size">16sp</dimen>
...
Scale-independent Pixels - this is like the dp unit, but it is also scaled by the user's font size preference. It is recommend you use this unit when specifying font sizes, so they will be adjusted for both the screen density and user's preference.
Just saw your edit: Since sp already takes user prefs and dpi into account all you can do is to assign different font sizes via the resource system. And to my knowledge there is no single magic conversion number for tablets to phones. Just think about the multitude of different screen sizes out there.
You could however use a custom style which uses one of the theme defined values for text size.
Id like to hope that device manufacturers know which font size has good readability on their devices.
<style name="MyTextStyle" parent="@android:style/TextAppearance.Medium"> </style>
55
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
