473,748 Members | 9,931 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Allow the user to increase font size

My site is very small, and plain - it will mostly be text (for now). I
have used a good mix of css in the design.

With usability in mind I would like to add some specific functionality
(with the vision impaired in mind).

I would like to allow the user/reader of the web site the ability to
select another font size, say from a drop downbox. This would increase
the size of any text between paragraph tags, or in table data tags.
This device is not something that is a built in option from the
browser, but instead it is something right on the web page (i.e.
something I created).

Is this something that is done in the html or the css? Can you give any
hints on where I can start?

Thanks in advance.

Dec 3 '05 #1
11 5387
On 2 Dec 2005 18:43:43 -0800, "eomer" <eo*******@yaho o.com> wrote:
Is this something that is done in the html or the css? Can you give any
hints on where I can start?

Thanks in advance.


Every browser I have ever used contains its own features that allow
the user to change font size. For example, go to View - Text Size in
either IE or Firefox, and you can change the font size of any HTML
page you are viewing.

_______________ _______________ ___________

Center For Practical Self Defense
Riverside, California
www.centerforpracticalselfdefense.com
Dec 3 '05 #2
In our last episode,
<11************ **********@g43g 2000cwa.googleg roups.com>,
the lovely and talented eomer
broadcast on comp.infosystem s.www.authoring.html:
My site is very small, and plain - it will mostly be text (for now). I
have used a good mix of css in the design. With usability in mind I would like to add some specific functionality
(with the vision impaired in mind). I would like to allow the user/reader of the web site the ability to
select another font size, say from a drop downbox.
What graphical browser doesn't have this feature (both in a
toolbar selection and a keyboard shortcut)? Ctrl+ does it for
me.
This would increase
the size of any text between paragraph tags, or in table data tags.
This device is not something that is a built in option from the
browser, but instead it is something right on the web page (i.e.
something I created).
Why? If you write portable html, you are trying to reinvent the
wheel.
Is this something that is done in the html or the css? Can you give any
hints on where I can start?


This would seem to be a job for a scripting language.
--
Lars Eighner us****@larseigh ner.com http://www.larseighner.com/
"I have never made but one prayer to God, a very short one: 'O Lord,
make my enemies ridiculous.' And God granted it." --Voltaire
Dec 3 '05 #3
"eomer" <eo*******@yaho o.com> writes:
I would like to allow the user/reader of the web site the ability to
select another font size, say from a drop downbox. This would increase
the size of any text between paragraph tags, or in table data tags.
This device is not something that is a built in option from the
browser


I don't know what browsers *you've* been using, but every browser I'm aware
of *does* have such an option.

sherm--

--
Cocoa programming in Perl: http://camelbones.sourceforge.net
Hire me! My resume: http://www.dot-app.org
Dec 3 '05 #4
eomer wrote:
My site is very small, and plain - it will mostly be text (for now). I
have used a good mix of css in the design.

I would like to allow the user/reader of the web site the ability to
select another font size, say from a drop downbox. [...]

Browsers already do this. The only exception for GUI-based browsers is:
- Internet Explorer, and
- Your CSS specifies font sizes in either px or pt units.
Solution: Change the font-size specification to use % or em.

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Dec 3 '05 #5
On Sat, 3 Dec 2005, Jim Moe wrote:
Browsers already do this. The only exception for GUI-based browsers is:
- Internet Explorer, and
- Your CSS specifies font sizes in either px or pt units.
In this regard, IE is behaving to specification. The fault lies with
the author (for proposing inappropriate units), not with the
browser.[1]
Solution: Change the font-size specification to use % or em.


Indeed. And read a briefing such as
http://www.xs4all.nl/~sbpoley/webmatters/fontsize.html
to understand what value to aim for when using these units.

best

[1] To go into more detail: IE isn't without its many faults, but
its insistence on treating CSS absolute size units as absolute size
units does not seem to be rateable as a fault.

- IE is defective (as measured against the CSS specification) by not
calibrating the pt and px units in the way that's laid down by CSS.
But then, most other browsers suffer from this failing too, and even
those which support calibration, are rarely adjusted by their users,
who (not surprisingly) are more interested in readability than in
pedantic conformance to the absolute size definitions of CSS.

- IE is also, arguably, defective in hiding away the option for users
to overrule such silly size specifications when they're causing
trouble. It's not in the fonts menu, where most people seem to look
for it before giving up: it's in the Accessibility menu instead.

p.s:

It seems that MS Office positively *insists* on setting absolute font
sizes in the HTML which it generates. Even when its "filter for web
use" (whatever it's exactly called) option is used. Grrrr.
Dec 3 '05 #6
Alan J. Flavell wrote:
[1] To go into more detail: IE isn't without its many faults, but
its insistence on treating CSS absolute size units as absolute size
units does not seem to be rateable as a fault.


Well, since technically the CSS makes _suggestions_, even when using
absolute units, and since the user should come first, one might argue
that IE is at fault for not honouring the user's request to override
what the CSS suggests.
Dec 3 '05 #7
On Sat, 3 Dec 2005, C A Upsdell and MISSINGcupsdell XXX"TERMINATOR wrote:
Alan J. Flavell wrote:
[1] To go into more detail: IE isn't without its many faults, but
its insistence on treating CSS absolute size units as absolute
size units does not seem to be rateable as a fault.
Well, since technically the CSS makes _suggestions_,


Point taken, although I'd tend to call them "proposals" ...
even when using absolute units, and since the user should come
first,
Er, no: with CSS the user *has the last word*. But as long as CSS is
being implemented, it has to be implemented *to specification*, not to
someone's misguided let's-do-what-the-author-should-have-intended
interpretation.
one might argue that IE is at fault for not honouring the user's
request to override what the CSS suggests.


Far be it from me to leap to defence of IE, but, as I already said, it
*does* implement a user override. Its fault is that this override is
hidden away in a relatively obscure place.

The IE menu "View->Text Size" is not meant to be an override: it sets
an initial value, which is correctly overridden by an author
stylesheet - in the way that the CSS specification defines (i.e user
agent stylesheets have the lowest importance). See 6.4.1.

If the user wants to *override* that behaviour - which they have every
right to do - then they have to find the appropriate override.
Merely changing the browser defaults has no influence on IE's
honouring absolute size units. In fact, someone more pedantic than me
would, I think, be entitled to fault other browsers for allowing such
violations of the absolute size units in ways that don't seem to
conform to the CSS specification.

I say again, the *author* is at fault for requesting absolute size
units, in flagrant violation of what the CSS specification tells them:

" Absolute length units are only useful when the physical properties
of the output medium are known. "

(see 4.3.2).

The user options at that point would be to *override* the author
stylesheet, or to cascade it with a user stylesheet which is stronger
than the author's inappropriate size specifications (i.e "user
important" in the terms of 6.4.1). Allowing the absolute size units
to be manually zoomed is neither one thing nor the other - no matter
how convenient it might seem to be.

IE *does* offer the override option, as I said before: the fault is
that the option is hidden away in the Accessibility menu. (Doubtless
some bookmarklet or custom toolbar is available to make it more easily
reachable, but that's outside the scope of this comment.)

regards
Dec 3 '05 #8
C A Upsdell <""cupsdellXXX\ "@-@-@XXXupsdell.com "> wrote:
Alan J. Flavell wrote:
[1] To go into more detail: IE isn't without its many faults, but
its insistence on treating CSS absolute size units as absolute size
units does not seem to be rateable as a fault.


Well, since technically the CSS makes _suggestions_, even when using
absolute units, and since the user should come first, one might argue
that IE is at fault for not honouring the user's request to override
what the CSS suggests.


But you would be wrong. CSS is overrideable by design, but when applying an
author style sheet, it must be applied correctly. If you interpret a
browser's font size control as applying a user style sheet, then its effect
should be clearly documented in CSS terms (and in Opera or Firefox, it
isn't), and this would be a somewhat unnatural interpretation. In particular,
using the author style sheet's font size settings and applying some increase
or decrease to them is weird - not even describeable in CSS terms.

IE _does_ let the user override pixel-valued settings, when a user style
sheet is applied and it uses !imporant. This is admittedly inconvenient to
users, and most users don't know about it, but it's the CSS way. (The real
improvement that would be needed is nice support to easy creation of a user
style sheet in the browser.) IE also lets the user override _all_ font
settings on a page, but that's a different story.

--
Yucca, http://www.cs.tut.fi/~jkorpela/
Pages about Web authoring: http://www.cs.tut.fi/~jkorpela/www.html

Dec 3 '05 #9
eomer wrote:

My site is very small, and plain - it will mostly be text (for now). I
have used a good mix of css in the design.

With usability in mind I would like to add some specific functionality
(with the vision impaired in mind).

I would like to allow the user/reader of the web site the ability to
select another font size, say from a drop downbox. This would increase
the size of any text between paragraph tags, or in table data tags.
This device is not something that is a built in option from the
browser, but instead it is something right on the web page (i.e.
something I created).

Is this something that is done in the html or the css? Can you give any
hints on where I can start?


I have three buttons on the toolbar of my browser: Font-, Font+,
and Font=. Obviously, the first two decrease and increase all the
displayed font sizes of the pages I am viewing. The third button
restores the page to its original font sizes. Note that when I say
"all the displayed font sizes", all are changed proportionally.
Thus, with Font-, fonts that are 2em remain twice the size of the
other fonts (albeit smaller than they were); and with Font+, fonts
that are 90% remain 10% smaller than the other fonts.

What I resent are Web pages where use of these buttons corrupts the
display. An example of that is in the individual news articles at
<URL:http://www.theglobeand mail.com/>. (The home page seems to be
okay.) To compensate, however, the Globe and Mail news article
pages have the buttons you seek.

--

David E. Ross
<URL:http://www.rossde.com/>

I use Mozilla as my Web browser because I want a browser that
complies with Web standards. See <URL:http://www.mozilla.org/>.
Dec 4 '05 #10

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

11
5001
by: trinitypete | last post by:
Hi all, I have a user control that uses control literal to build a heading with a link, and a div containing links below. As the link heading is hit, I want to change the style of the div, making it visible or not. Yep you guessed it, expanding tree type functionality. The header has an onclick event onclick='Doexpandcollapse
1
1663
by: Tebogo Tefo via .NET 247 | last post by:
Hi I have a user control that contains three dropdownlists that I populate according to what was selected in the other dropdownlist (i.e. populate dropdownlist2 after selecting a value in dropdownlist1) The App works fine if I don't add the user control that I created and all events on the page work and thus the App is perfect. But as soon as I add my user control (Here used as the TopNav for my page) all
1
1183
by: uday | last post by:
hi all, i want to Increase the Font of the Labels before all the Controls. is there any approach to increase the Font of a Static Control that we palce before all the Controls to Identify. i want to increase the Font Size of the Static Controls before the placed before the Controls in a Dialog Box. please let me know, uday.
8
3026
by: fernandezr | last post by:
I would like to use a user control as a template inside a repeater. Some of the fields in the control should be hidden depending on whether or not there is data. I'm still a ASP .Net newbie so the way I'm going about doing this might be a little off. I'd appreciate some help. Below is the code I have thus far but I'm not sure how to reference the user control within the foreach loop. <asp:Panel ID="pnlRosterProfile" runat="Server" />
69
13484
by: RC | last post by:
I know how to do this in JavaScript by window.open("newFile.html", "newTarget", "scrollbars=no,resizable=0,width=200,height=200"); The browser will open a new window size 200x200, not allow resize and no auto horizontal, vertical scrolling bars. I am wonder can I do the similar inside a HTML file like
40
2972
by: Paul Davis | last post by:
Hi all, I'm building some style sheets and trying to play the old game of balancing designer pixel perfection and still allowing users to adjust their font sizes. The compromise I've made with the designer is that he'll accept allowing users to change font sizes it it "looks right" with the default setting. I'm using em to set the font size. So, anyway, here's the problem. At 0.96em we get the perfect font size. But, if the font is...
2
1841
by: underground | last post by:
Hi, everyone I've been trying to figure out a way for a user to update there information. I'm using sections to identify the specific user..Here is the form <? include("include/session.php"); ?> <? $username="xxxxxx"; $password="xxxxxxx"; $database="xxxxx";
1
3248
by: kang jia | last post by:
hi when user entered particulars in signuppage and click" signup" button, i will direct them to do_signup.php. if say the NRIC is dupicate in datebase, i will redirect them back to signup page again to re-signup, however, i would like to remain all the correct infromation, and let users re-entered their NRIC. how can i do this. can i use Session, but it seems cant work. any one can help me? my code in signup page is like this: ...
9
4242
by: happyse27 | last post by:
Hi All, In perl script(item b below) where we check if html registration form are filled in properly without blank with the necessary fields, how to prompt users that the field are incomplete or blank and then go back to main page(item a below user registration html page) always, something like goggle or msn login page function... Thanks and Best Rgds, Andrew a) script called from user registration html...
0
8991
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
9548
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
1
9325
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
9249
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
8244
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
1
6796
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
4876
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
3315
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
2
2787
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.