Viewing font size for mobile pages
font size for mobile pages
|
User: Gilly F. 11 years ago
|
|
|
Please can anyone recommend the optimal font size for mobile pages? Thank you. |
|
|
User: Roddy 11 years ago
|
|
|
The font size depends on the font family, the width of the page set in EverWeb and the screen width of the viewing device. Font Family: Compare two web safe fonts - Verdana and Helvetica - set to the same size to see the difference. Verdana is my "go to" font. 15px should be the minimum and the size should be increased proportionally for the smart phone version of the site depending on the widths involved. Width: If the content width is set to 480px in EverWeb and the page is viewed on a smart phone in portrait mode which has a screen width of 320px, the font size will be reduced by a third. More about this here… http://everwebcodebox.com/html5/design/design-basics.html It is essential to test both versions of your website in the iOS Simulator on the various devices since a conventional site starts to become difficult to read on a tablet if the content width is more than about 800px. The EverWeb Codebox HTML5 section has a content width of 800px. Test the pages on the simulator to see how much easier it is to read the content than on a site with the "standard" width of 980px or more. More info about the iOS Simulator app here… http://everwebcodebox.com/html5/design/build-test.html EverWeb V1.7 now has the ability to preview the site in the Simulator. See this page for how to design your website for Tablets… http://everwebcodebox.com/html5/design/ipad.html … and this one for smart phones… http://everwebcodebox.com/html5/design/iphone.html Each of the above pages has a link to a screenshot of how it looks in the devices. ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
✔ Best Answer
|
|
|
User: Gilly F. 11 years ago
|
|
|
Thanks, Roddy - what a lot to get the head round! The first thing that comes up for me is to start wondering if I need to create different pages for smart phones and tablets and, if I do this, will mobile browsers just be able to detect which one to use, according to the width of the pages? I have a second (& probably more to come!) question relating to mobile sites, but will start another thread as it doesn't come under the subject line for this one. Last edit 11 years ago |
|
|
User: Roddy 11 years ago
|
|
|
The code used by EverWeb - and the one shown on this page - use javascript to choose which version of the web page is displayed based on device screen width.
------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
| Post Reply |
| You must login or signup to post. |