Hello,

More than a question, I want some opinions here. I usually design my
websites with "em" sizes, but it seems that they don't rener well in
IE7 or Safari. How are you dealing with this?

Tedel wrote:
> Hello,
>
> More than a question, I want some opinions here. I usually design my
> websites with "em" sizes, but it seems that they don't ren[d]er well in
> IE7 or Safari. How are you dealing with this?
>

Whichever font works best for the design, that is also readable

(all our sites are Flash based )


--

x theSpaceGirl (miranda)

http://www.northleithmill.com

-.-

Kammy has a new home: http://www.bitesizedjapan.com

Tedel wrote:

> More than a question, I want some opinions here. I usually design my
> websites with "em" sizes, but it seems that they don't rener well in
> IE7 or Safari.

Using em units causes a bug in IE6 and lower (maybe 7 as well) to go
horribly wrong when a visitor tries to increase or decrease size to what
is comfortable for them. Use percentages instead.

> How are you dealing with this?

http://k75s.home.att.net/fontsize.html

--
-bts
-Motorcycles defy gravity; cars just suck

eOn Sep 17, 11:34 am, "Beauregard T. Shagnasty"
<a.nony.m...@example.invalid> wrote:
> Tedel wrote:
> > More than a question, I want some opinions here. I usually design my
> > websites with "em" sizes, but it seems that they don't rener well in
> > IE7 or Safari.
>
> Using em units causes a bug in IE6 and lower (maybe 7 as well) to go
> horribly wrong when a visitor tries to increase or decrease size to what
> is comfortable for them. Use percentages instead.
>
> > How are you dealing with this?
>
> http://k75s.home.att.net/fontsize.html
>
> --
> -bts
> -Motorcycles defy gravity; cars just suck

Yes, actually, my website renders very small fonts in IE7 and
Konqueror, while in IE6, Firefox & Opera, I get the result I want. Can
I solve that with percentages?

Tedel wrote:

> "Beauregard T. Shagnasty" wrote:
>> http://k75s.home.att.net/fontsize.html
>
> Yes, actually, my website renders very small fonts in IE7 and
> Konqueror, while in IE6, Firefox & Opera, I get the result I want.
> Can I solve that with percentages?

If you use percentages, all visitors will see your site in their chosen
default font size.

If your own IE7 and Konqueror are too small, increase your default size
in those browsers. Set it to the same as you have in the other three.

"The beauty of it all..."

--
-bts
-Motorcycles defy gravity; cars just suck

On 17 Sep, 22:31, Tedel <simply.te...@gmail.com> wrote:

> Yes, actually, my website renders very small fonts in IE7

You have a website?

Do you think it would be ful to tell us the URL for it?

"Tedel" <simply.tedel@gmail.com> wrote in message
news:1190044765.702748.26270@n39g2000hsh.googlegro ups.com...
> Hello,

To answer your subject line, being:

"What font size do you use?"

None.

--
Richard.

At Andy, I have authored many websites (as I work as a website
designer), but for this thread, I was talking about the case of
http://www.heptagrama.com

On 18 Sep, 17:15, Tedel <simply.te...@gmail.com> wrote:
> At Andy, I have authored many websites (as I work as a website
> designer), but for this thread, I was talking about the case ofhttp://www.heptagrama.com

>> body { font: normal .68em / 1.6em georgia;
>> input, textarea {font: normal 11px verdana;

Slap.

What's wrong with that?

font: normal .68em / 1.6em georgia = font-size: 10px; line-height:
16px; font-family: georgia

Tedel wrote:

> At Andy, I have authored many websites (as I work as a website
> designer), but for this thread, I was talking about the case of
> http://www.heptagrama.com

http://www.heptagrama.com/pics/plantilla.css

body {... font: normal .68em / 1.6em georgia; word-spacing: 1px; ...}

..68em? Two-thirds of everyone's default size. I had to increase the
size about 130% before I could even read it. What is with the 1px
word-spacing?

You have forgotten a fall-back font family. Georgia, serif;

I doubt if you need all that absolute positioning. The page won't fit in
my fairly narrow browser window.

Enter the URL of your stylesheet here:
http://www.html.com/tools/csscheck/
There is some kind of issue producing lots of errors. The more common
used W3C CSS validator chokes on it. This one can't handle it:
http://jigsaw.w3.org/css-validator/validator.html

--
-bts
-Motorcycles defy gravity; cars just suck

That said, would you recommend switching to something more like font-
size: 8pt; ?

Tedel wrote:
> That said, would you recommend switching to something more like font-
> size: 8pt; ?
>

font-size: 100%

Let the user determine the font size he wants.

--
==================
Remove the "x" from my email address
Jerry Stuckle
JDS Computer Training Corp.
jstucklex@attglobal.net
==================

Tedel wrote:

> That said, would you recommend switching to something more like font-
> size: 8pt; ?

No. You haven't read my other post(s) yet, I suppose.

Points are for printing.

http://k75s.home.att.net/fontsize.html Use 100%.

--
-bts
-Motorcycles defy gravity; cars just suck

Tedel wrote:
>
> font: normal .68em / 1.6em georgia = font-size: 10px;

Maybe it does on your box, but not on mine. BTW, I have a minimum font
size setting of 17px set in my browser. Don't assume every visitor to
your web site has the same settings as you.

--
Berg

On Sep 19, 2:24 am, Tedel <simply.te...@gmail.com> wrote:

>
> font: normal .68em / 1.6em georgia = font-size: 10px; line-height:
> 16px; font-family: georgia

> What's wrong with that?
Well, it's not valid mark-up for a start.
Here is an example from my main site.
font-family: Arial,Helvetica,sans-serif;
text-align: left;
height: 10%;
width: 70%;
font-size: 100%;
float: right;
padding-bottom: 10px;
color: #000000;
padding-right: 1em;
padding-left: 1em;
display: block;
background-color: #cccccc;
}
#footer {
border: 3px solid #cc33cc;
clear: both;
text-align: center;
background-color: #6600cc;
--
Regards Chad. http://freewebdesign.awardspace.biz

On Sep 18, 2:52 pm, Tedel <simply.te...@gmail.com> wrote:
> That said, would you recommend switching to something more like font-
> size: 8pt; ?

There are so many variables here, it's impossible to give you a
straight answer.

Let's say that you're using the font family Times New Roman first, and
the backup font is Arial. By design, Arial is a much larger font than
TNR, so what looks good for one will look horrible for the other.

So the first question is, what font face are you using?

The second question is, are we to assume that this font is for general
reading, and not headlines, etc? If so, it's not necessarily a good
idea to use CSS to lock in a font size, otherwise it's more difficult
for the average user to increase the font size if they can't read it.
It's better to just use the HTML size attribute:

<font family="Arial" size="-1">

size="0" is the same as saying "use the default," so it's unnecessary.
-1 drops it a little smaller than the default, and -2 makes it very
small. By the same token, +1 makes it bigger, and +2 makes it even
bigger.

IMHO, CSS is great for areas that you want to look exactly a certain
way (like a headline or a sponsor ad), but for general text, it's
smarter to stay away from it.

- Jason

Jason wrote:
> On Sep 18, 2:52 pm, Tedel <simply.te...@gmail.com> wrote:
>> That said, would you recommend switching to something more like font-
>> size: 8pt; ?
>
> There are so many variables here, it's impossible to give you a
> straight answer.
>

No, it's quite easy, if you know what you're doing.

> Let's say that you're using the font family Times New Roman first, and
> the backup font is Arial. By design, Arial is a much larger font than
> TNR, so what looks good for one will look horrible for the other.
>
> So the first question is, what font face are you using?
>

Makes no difference which font is being used. The answer is the same.

> The second question is, are we to assume that this font is for general
> reading, and not headlines, etc? If so, it's not necessarily a good
> idea to use CSS to lock in a font size, otherwise it's more difficult
> for the average user to increase the font size if they can't read it.
> It's better to just use the HTML size attribute:
>
> <font family="Arial" size="-1">
>

This is one of the WORST ways of doing it. Use CSS and percentages.
The user can still adjust the font size. font-size=100% gives the
default browser font size - without all the extra <font> tag junk.

> size="0" is the same as saying "use the default," so it's unnecessary.
> -1 drops it a little smaller than the default, and -2 makes it very
> small. By the same token, +1 makes it bigger, and +2 makes it even
> bigger.
>

So is font-size=100%

> IMHO, CSS is great for areas that you want to look exactly a certain
> way (like a headline or a sponsor ad), but for general text, it's
> smarter to stay away from it.
>
> - Jason
>

Then you don't understand CSS. CSS is actually more effective at
creating fluid designs than making something look exactly a certain way.

--
==================
Remove the "x" from my email address
Jerry Stuckle
JDS Computer Training Corp.
jstucklex@attglobal.net
==================

Jason wrote:

> There are so many variables here, it's impossible to give you a
> straight answer.

Yes there is, Jason.

"Please advance to the 21st century."

Your advice about font sizing was appropriate in, oh, 1996 or so.

--
-bts
-Motorcycles defy gravity; cars just suck

Well, so far, I get the result I wanted in Firefox, Opera, Safari and
IE 6. Only IE7 has problems... so why change? I could just leave the
user choose the font size in that browser.