473,513 Members | 2,618 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 5367
On 2 Dec 2005 18:43:43 -0800, "eomer" <eo*******@yahoo.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**********************@g43g2000cwa.googlegroups .com>,
the lovely and talented eomer
broadcast on comp.infosystems.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****@larseighner.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*******@yahoo.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 MISSINGcupsdellXXX"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.theglobeandmail.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
begin quotation
from eomer <eo*******@yahoo.com>
in message <11**********************@g43g2000cwa.googlegroups .com>
posted at 2005-12-03T02:43
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,
The user already have this ability, built into their browsers.
Is this something that is done in the html or the css? Can you give any
hints on where I can start?


Possible, certainly. There are a lot of things that are possible that
are incredibly bad ideas, though.

--
___ _ _____ |*|
/ __| |/ / _ \ |*| Shawn K. Quinn
\__ \ ' < (_) | |*| sk*****@speakeasy.net
|___/_|\_\__\_\ |*| Houston, TX, USA
Dec 4 '05 #11
"Jukka K. Korpela" <jk******@cs.tut.fi> writes:
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.


Opera doesn't have a font size control (although you could use a user
style - I use "body { font-size:100% !important}"). What it does have
is a zoom feature that works on all content, not just text.

Well, there is also the "minimum point size" setting, for avoiding
completely unreadable text (before zooming). That's not something you can
set with standard CSS, but you could just as well say that it's due to
the virtual declaration "-o-min-font-size:6pt;".

/L
--
Lasse Reichstein Nielsen - lr*@hotpop.com
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleDOM.html>
'Faith without judgement merely degrades the spirit divine.'
Dec 6 '05 #12

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

Similar topics

11
4961
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,...
1
1656
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...
1
1173
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...
8
3006
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...
69
13337
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...
40
2919
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...
2
1829
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");...
1
3210
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...
9
4226
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...
0
7257
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,...
0
7379
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,...
0
7535
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
1
7098
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...
0
7521
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...
1
5084
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...
0
3232
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The...
0
1591
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 ...
1
798
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.