Hi guys
What's the best way to specify font size using CSS? I try to avoid
absolute units like pt and px because then users can't resize the fonts
in IE, but % and em are a complete pain to use IMO. I read somewhere (a
W3C tip I think) that the best way is to specify a "base" size and then
have all your fonts relative that, but I'm not sure how that works.
TIA 16 3896
JD wrote: Hi guys
What's the best way to specify font size using CSS? I try to avoid absolute units like pt and px because then users can't resize the fonts in IE, but % and em are a complete pain to use IMO. I read somewhere (a W3C tip I think) that the best way is to specify a "base" size and then have all your fonts relative that, but I'm not sure how that works.
What's the pain in using %?
Just set 100% for <body> (the "base" size), and then use other
percentages like 85% for small print and 120% for headings, etc.
Those are indeed relative to the percentage set for the <body>.
--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
JD wrote: What's the best way to specify font size using CSS? I try to avoid absolute units like pt and px because then users can't resize the fonts in IE, but % and em are a complete pain to use IMO. I read somewhere (a W3C tip I think) that the best way is to specify a "base" size and then have all your fonts relative that, but I'm not sure how that works.
body { font-size: 100%; }
h1 {font-size: 160%; } /* set hx as appropriate */
h2 {font-size: 140%; }
h3 {font-size: 125%; }
..legalese {font-size: 85%; }
Not much of a pain. <g> If your site fails with these kinds of
settings, something else is wrong.
Oh, in future for CSS questions, use
comp.infosystem s. www.authoring.stylesheets
--
-bts
-Warning: I brake for lawn deer
On Sun, 11 Dec 2005 18:45:28 +0000, JD <us**@example.n et> wrote: What's the best way to specify font size using CSS?
I use %, personally. The problem is that users' needs vary so much,
trying to control the size of the text is a pointless endeavor. In the
end, the user is most accustomed to the default font size (100%), and
if they need to change it, they can, through the browser.
If I may, I think one of the pitfalls in web design is trying to get
everything perfect. Graceful degradation is the best we can shoot for.
Ian
-- http://www.bookstacks.org/
__/ [Els] on Sunday 11 December 2005 18:54 \__ JD wrote:
Hi guys
What's the best way to specify font size using CSS? I try to avoid absolute units like pt and px because then users can't resize the fonts in IE, but % and em are a complete pain to use IMO. I read somewhere (a W3C tip I think) that the best way is to specify a "base" size and then have all your fonts relative that, but I'm not sure how that works.
What's the pain in using %? Just set 100% for <body> (the "base" size), and then use other percentages like 85% for small print and 120% for headings, etc. Those are indeed relative to the percentage set for the <body>.
Overall, this probably depends on the page in question. There are cases where
the font size should be relative to the screen/window size. In such
circumstances, 'em' should be used. It takes an example to give a proper
answer, in my humble opinion.
Roy
--
Roy S. Schestowitz | "Software sucks. Open Source sucks less." http://Schestowitz.com | SuSE Linux | PGP-Key: 0x74572E8E
7:00am up 1 day 14:08, 18 users, load average: 0.50, 0.63, 0.57
Roy Schestowitz wrote: __/ [Els] on Sunday 11 December 2005 18:54 \__
JD wrote:
Hi guys
What's the best way to specify font size using CSS? I try to avoid absolute units like pt and px because then users can't resize the fonts in IE, but % and em are a complete pain to use IMO. I read somewhere (a W3C tip I think) that the best way is to specify a "base" size and then have all your fonts relative that, but I'm not sure how that works.
What's the pain in using %? Just set 100% for <body> (the "base" size), and then use other percentages like 85% for small print and 120% for headings, etc. Those are indeed relative to the percentage set for the <body>.
Overall, this probably depends on the page in question. There are cases where the font size should be relative to the screen/window size. In such circumstances, 'em' should be used. It takes an example to give a proper answer, in my humble opinion.
It also takes an example to explain how 'em' is relative to
screen/window size and % isn't.
--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Now playing: La Bouche - Be My Lover
__/ [Els] on Monday 12 December 2005 07:27 \__ Roy Schestowitz wrote:
__/ [Els] on Sunday 11 December 2005 18:54 \__
JD wrote:
Hi guys
What's the best way to specify font size using CSS? I try to avoid absolute units like pt and px because then users can't resize the fonts in IE, but % and em are a complete pain to use IMO. I read somewhere (a W3C tip I think) that the best way is to specify a "base" size and then have all your fonts relative that, but I'm not sure how that works.
What's the pain in using %? Just set 100% for <body> (the "base" size), and then use other percentages like 85% for small print and 120% for headings, etc. Those are indeed relative to the percentage set for the <body>.
Overall, this probably depends on the page in question. There are cases where the font size should be relative to the screen/window size. In such circumstances, 'em' should be used. It takes an example to give a proper answer, in my humble opinion.
It also takes an example to explain how 'em' is relative to screen/window size and % isn't.
I believe that this argument will be meaningless to development which is
Internet Explorer-centric: http://archivist.incutio.com/viewlist/css-discuss/1439
As far as I can gather, em gives a great deal of power. I have just tried
some pages of mine under Opera (which I know you advocate) to reveal some
unpleasant interpretations of the source. Overall, Opera at its present
seems excellent so I am glad I took your word.
Roy
Roy Schestowitz wrote: __/ [Els] on Monday 12 December 2005 07:27 \__ Roy Schestowitz wrote: __/ [Els] on Sunday 11 December 2005 18:54 \__ JD wrote:
> What's the best way to specify font size using CSS? I try to avoid > absolute units like pt and px because then users can't resize the fonts > in IE, but % and em are a complete pain to use IMO. I read somewhere (a > W3C tip I think) that the best way is to specify a "base" size and then > have all your fonts relative that, but I'm not sure how that works.
What's the pain in using %? Just set 100% for <body> (the "base" size), and then use other percentages like 85% for small print and 120% for headings, etc. Those are indeed relative to the percentage set for the <body>.
Overall, this probably depends on the page in question. There are cases where the font size should be relative to the screen/window size. In such circumstances, 'em' should be used. It takes an example to give a proper answer, in my humble opinion. It also takes an example to explain how 'em' is relative to screen/window size and % isn't.
I believe that this argument will be meaningless to development which is Internet Explorer-centric:
http://archivist.incutio.com/viewlist/css-discuss/1439
That's about sizes for elements other than font.
Yes, if I want a box to scale with the text inside, I use em, as it's
relative to the font-size, while percentage is relative to the
viewport or parent element. (I never saw a difference between IE and
the other browsers in that btw - maybe something in Quirksmode?)
I still don't see how em is relative to screensize really.
A font-size of 1em is equal to a font-size of 100% afaik.
IE has a scaling problem if the font-size for <body> isn't set in
percentages, but other than that, I see no difference.
As far as I can gather, em gives a great deal of power. I have just tried some pages of mine under Opera (which I know you advocate) to reveal some unpleasant interpretations of the source. Overall, Opera at its present seems excellent so I am glad I took your word.
I advocate Opera?
Hmm.. might have done by accident some time... ;-)
I use Opera and Firefox, and I still prefer Firefox, although I'm
starting to use Opera more and more for surfing. Not because I think
it's a better browser, but because I like to keep more than one
browser open, so it's easier to differentiate between work-tabs and
surf-tabs.
--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Now playing: The Cult - She Sells Sanctuary (Long Version)
Ian Rastall <id*******@gmai l.com> writes: On Sun, 11 Dec 2005 18:45:28 +0000, JD <us**@example.n et> wrote:What's the best way to specify font size using CSS?
I use %, personally. The problem is that users' needs vary so much, trying to control the size of the text is a pointless endeavor. In the end, the user is most accustomed to the default font size (100%), and if they need to change it, they can, through the browser.
....actually, anecdotal evidence suggests that the user is generally
unaccustomed to the default font size, finding it larger than the
majority of pages they view.
However, that's not a reason to avoid using the default size -
most users seem to prefer it to the 'common' smaller sizes, and those
that don't can resize it.
--
Chris
Els wrote: What's the pain in using %? Just set 100% for <body> (the "base" size), and then use other percentages like 85% for small print and 120% for headings, etc. Those are indeed relative to the percentage set for the <body>.
It is a percentage of whatever the size is for the containing element,
yes? If I set the font-size to 85% for a <div>, then 85% again for a <p>
in that div, the final size is 72% of the original font-size spec.
--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email) This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics |
by: Peter Foti |
last post by:
Simple question... which is better to use for defining font sizes and why?
px and em seem to be the leading candidates. I know what the general answer
is going to be, but I'm hoping to ultimately get some good real world
examples.
Fire away! :)
Regards,
Peter Foti
|
by: Mark Johnson |
last post by:
Oddly enough, I found it difficult, using Google, to find a list of
best-of sites based on the quality of their css packages.
So I'd ask. Does anyone know of particularly good sites which are in
good measure because of their creative and useful css designs? I'm
aware of Zen Garden and a few others. So don't bother with those. And
I hope I don't get replies from people with a 'tin ear' and no design
sense. Good sites. Good pages. That's...
|
by: Mike Button |
last post by:
Hello all,
I am really really desperate on what I should do, and I am asking for help
from anyone in this newsgroup, here's the situation:
I am creating a form that is being run on a server where there is no scripts
allowed running (the software is from Opentext called Livelink)- therefore I
need javascript to do the tasks listed below:
1. validate the form - this has been completed
2. pop up another window that will go ahead and...
|
by: Yeah |
last post by:
Is there a way to tell CSS to specify one font for a table that has many
cells in which the font is being used? As in, one font that represents the
table itself (rather than specifying in every cell)
Thanks! :-)
|
by: FLEMEF |
last post by:
Hello All, I'm not very good at Java...
With this piece of Java code, how could I modify the StyleOptions.java program to allow the user to specify the size of the font, while using the text field to obtain the user’s input.
Thanks.
-----------------------------------------------------------------
import javax.swing.*;
import java.awt.*;
import java.awt.event.*;
| |
by: Muchach |
last post by:
Hello,
Ok so what I've got going on is a form that is populated by pulling
info from database then using php do{} to create elements in form. I
have a text box in each table row for the user to enter input. I need
to take this user input and put it back into the database. What would
be the best method to do this. I can't use a normal post because the
name of the text box is the same for each table row. I've heard that
posting the...
|
by: hotflash |
last post by:
Hi All,
I found the best pure ASP code to upload a file to either server and/or MS Access Database. It works fine for me however, there is one thing that I don't like and have tried to fix but don't have any luck is to do a form validation. This script requires the files: db-file-to-disk.asp and _upload.asp. There is a DESCRIPTION field in the db-file-to-disk.asp file, what I want to do is the user has to field out this fied before...
|
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...
|
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 tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth.
The Art of Business Website Design
Your website is...
|
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,...
|
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...
| |
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...
|
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 last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols.
I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
|
by: adsilva |
last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
|
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
|
by: bsmnconsultancy |
last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...
| |