Solved

Screen resolutions and font size

Posted on 1998-12-06
7
213 Views
Last Modified: 2013-12-02
I want to make three different home pages for the different screen resolutions. Therefore it is useful to know the average font size that people use in combination with the screen resolutions.

If you don't know of a site that deals with this issue, please add a comment that includes your own resolution and font size. The fonts of course differ in size, so please add the size you prefer for "Arial" and "Times New Roman".

So e.g.:
640 by 480
Arial, size: 11        
Times New Roman, size: 12

Thanks in advance
0
Comment
Question by:wimkerk
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 2
  • 2
7 Comments
 
LVL 12

Expert Comment

by:Otta
ID: 1840249
I have a vision-impaired friend with a 17" monitor,
running at 640 by 480 resolution,
in order to get "large" characters on the screen.

What sort of "settings" will you use for that setup?

Remember, what font-size *YOU* can read can be quite different
from the font-size which my friend can read,
so please keep my friend's limitations in mind when designing your page.

0
 

Author Comment

by:wimkerk
ID: 1840250
I am not quite sure what you mean with "setting" (style sheets?).
Of course I want to create pages that !everyone! can read. So I will keep what you told me in mind and write a fourth home page.

But I am also interested in resolutions in combination with a
more "average" font size.
0
 
LVL 12

Expert Comment

by:Otta
ID: 1840251
Personally, I use 1280*1024 mode,
but my web-browser uses a 800*600 window.
So, maybe you need a _FIFTH_ category for users
whose browser-window does _NOT_ "fill" the screen ?

Perhaps, you should design for 640*480,
or even for 640*240 (Windows CE),
and _NOT_ create "alternate" designs ???
0
WordPress Tutorial 1: Installation & Setup

WordPress is a very popular option for running your web site and can be used to get your content online quickly for the world to see. This guide will walk you through installing the WordPress server software and the initial setup process.

 
LVL 11

Accepted Solution

by:
kmartin7 earned 50 total points
ID: 1840252
Go to:

http://www.hotwired.com/webmonkey/javascript/code_library/wm_scl_fnt_dw/?tw=javascript

If you use this, you will only need to make one page.  It will scale the font according to the screen width, so no matter what screen resolution the user uses, it will appear accordingly.
0
 
LVL 12

Expert Comment

by:Otta
ID: 1840253
> no matter what screen resolution the user uses,
> it will appear accordingly.

Assuming, of course, that the user has a browser capable of using Javascript,
and that the user has not disabled the Javascript capability.
0
 
LVL 11

Expert Comment

by:kmartin7
ID: 1840254
Ok, 2 pages.  If they javascript enabled, it will take them to the JS page.  Otherwise, a default page with large font will appear.
0
 

Author Comment

by:wimkerk
ID: 1840255
Thanks a lot!
0

Featured Post

Secure Your WordPress Site: 5 Essential Approaches

WordPress is the web's most popular CMS, but its dominance also makes it a target for attackers. Our eBook will show you how to:

Prevent costly exploits of core and plugin vulnerabilities
Repel automated attacks
Lock down your dashboard, secure your code, and protect your users

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

623 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question