Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > Fixing font size in FireFox?

Reply
Thread Tools

Fixing font size in FireFox?

 
 
WindAndWaves
Guest
Posts: n/a
 
      01-16-2005

"T.J." <> wrote in message
news:csbkvk$i6b$...
> Hi,
> How can I fix the font size for one
> particular piece of text when
> displayed in FireFox?
> TIA.
>
>


There are also classier, nicer and more stimulating ways to draw attention
to a header or a note.

Some of these are:

Italics
bold
creating space around the header (this may work very well)
font colour
underline
background color
position on the page
etc....

any page with font-size 36-40px will look bulky - most of the time.

so dont forget about your alternatives, especially by creating lots of space
around your heading you will give it instant attention and you will make it
more appealing than a cheap newspaper style.

- Nicolaas


 
Reply With Quote
 
 
 
 
Barbara de Zoete
Guest
Posts: n/a
 
      01-16-2005
On Sat, 15 Jan 2005 14:50:28 -0600, kchayka <> wrote:

> Barbara de Zoete wrote:
>>
>> If you want to prevent wrapping of the header in _all_
>> situations, I would use an image.

>
> Why not white-space:nowrap?


Maybe because it is too easy to do it that way?

My mind obviously got caught on one track. Thanks for the diversion.


--
,-- --<--@ -- PretLetters: 'woest wyf', met vele interesses: ----------.
| weblog | http://home.wanadoo.nl/b.de.zoete/_private/weblog.html |
| webontwerp | http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html |
|zweefvliegen | http://home.wanadoo.nl/b.de.zoete/html/vliegen.html |
`-------------------------------------------------- --<--@ ------------'
 
Reply With Quote
 
 
 
 
Barbara de Zoete
Guest
Posts: n/a
 
      01-16-2005
On Sat, 15 Jan 2005 20:23:02 -0000, T.J. <> wrote:

> "Barbara de Zoete" <> wrote in message
> newspsknszyvmx5vgts@zoete_b...
>
>> On Sat, 15 Jan 2005 19:28:53 -0000, T.J. <> wrote:
>>
>> [ problems with header of 40px wrapping in FireFox, unwanted ]
>>
>> <html>
>> <head>
>> <style type="text/css">
>> h1 { font-size:40px; }
>> body>h1 {font-size:36px; }
>> </style>
>> </head>
>> <body>
>> <h1>Your header here</h1>
>>
>> <p>This above header will have 40px font-size in IE
>> and 36px font-size in all other mainstream, modern,
>> graphical browsers.</p>
>> </body>
>> </html>
>>

> I think I've got it, but why 36px for other browsers?
>


That's just an example value. You said the 40px was too big for browsers other
than IE, so I took some smaller value. Adjust as needed.

>> [image versus fixed font-size]
>>
>> As a rule of thumb I would stick to flexible design, in this case meaning
>> a fixed font-size for the header (if large enough), so the text in some
>> browsing situation will wrap. Always preferable over an image only
>> showing partially, for than the contents of the page header might get
>> lost. That I would regard highly undesirable.
>>
>> But, it is your descission. Just think it through and be consistant with
>> the implementation of the technique you choose throughout your site.

>
> Looks like the best thing is to live with it and let it wrap, it doesn't
> mess the
> layout up to much.
>


<What's with the indented text? It messes up the reply, unless I correct it
manually. />

Read carefully through some of the advise given in all other posts. I used to
have a fixed size for the fonts of my page header. Now I have a relative font.
The header fits the design of a page because it has a visual context. If all
fonts can be enlarged (or made smaller) but the header font remains the same
size, your carefully chosen proportional design gets lost.

Also remember that communicating your message is imo always the important bit.
The looks come second, but at some distance. Others may think differently though.
A visitor will usually visit your site with only one browser (type) ever and
will therefore never notice a possible difference in visual rendering between
various browsers. So, if a page communicates its contents clearly and it looks
good (enough), although different from the looks in an other browser, your work
as a designer is more or less done.


--
,-- --<--@ -- PretLetters: 'woest wyf', met vele interesses: ----------.
| weblog | http://home.wanadoo.nl/b.de.zoete/_private/weblog.html |
| webontwerp | http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html |
|zweefvliegen | http://home.wanadoo.nl/b.de.zoete/html/vliegen.html |
`-------------------------------------------------- --<--@ ------------'
 
Reply With Quote
 
Toby Inkster
Guest
Posts: n/a
 
      01-16-2005
T.J. wrote:

> Ideally I want the text of the main header all on one line, and not
> cause the page to expand.


Replace this:

<h1>Ordering Roses Online</h1>

with this:

<h1>Ordering&nbsp;Roses&nbsp;Online</h1>

Easy.

--
Toby A Inkster BSc (Hons) ARCS
Contact Me ~ http://tobyinkster.co.uk/contact

 
Reply With Quote
 
T.J.
Guest
Posts: n/a
 
      01-16-2005

"WindAndWaves" <> wrote in message
news:jeqGd.8357$...
>
> "T.J." <> wrote in message
> news:csbkvk$i6b$...
>> Hi,
>> How can I fix the font size for one
>> particular piece of text when
>> displayed in FireFox?
>> TIA.
>>
>>

>
> There are also classier, nicer and more stimulating ways to draw attention
> to a header or a note.
>
> Some of these are:
>
> Italics
> bold
> creating space around the header (this may work very well)
> font colour
> underline
> background color
> position on the page
> etc....
>
> any page with font-size 36-40px will look bulky - most of the time.
>
> so dont forget about your alternatives, especially by creating lots of
> space
> around your heading you will give it instant attention and you will make
> it
> more appealing than a cheap newspaper style.
>
> - Nicolaas
>

Thank you, and everyone else who has replied.
The main problem is I don't really know what I am doing
and learning as I go along.
My main problem is I am using the size of some divs to
compensate for the fact IE doesn't support min-width
Also I am using the size of the main header to control the
size of that cell.
If the header is to small, the image to the left drops down in to the
next cell,
My main problem is the min-width though, what is the best way to
overcome this for IE?
Ideally I want the line of links in the red panel to expand across the
page when using bigger text on a wider resolution, but to wrap at
about 640px. If IE. supported min-width this wouldn't be a problem.
Any tips on how to do this would be appreciated.

page at,
http://www.sim64.co.uk/ordering-roses-online.html
other comments on page appreciated,
(not all links are pointing to the right places yet, and
alt attributes need altering)


 
Reply With Quote
 
T.J.
Guest
Posts: n/a
 
      01-16-2005

"Toby Inkster" <> wrote in message
news .uk...
> T.J. wrote:
>
>> Ideally I want the text of the main header all on one line, and not
>> cause the page to expand.

>
> Replace this:
>
> <h1>Ordering Roses Online</h1>
>
> with this:
>
> <h1>Ordering&nbsp;Roses&nbsp;Online</h1>
>
> Easy.
>

I thought using &nbsp; was frowned upon?
Also, will this have any effect on search engines?


 
Reply With Quote
 
neredbojias
Guest
Posts: n/a
 
      01-16-2005
Without quill or qualm, Richard quothed:

> > make it an image
> >

>
> The king of one liners strikes again.
> Are you sure you aren't related to "meat --> plow"?
> I have a hunch you are him.


No, but I've heard of him referred to as "meat ball"...

--
Neredbojias
Contrary to popular belief, it is believable.
 
Reply With Quote
 
Toby Inkster
Guest
Posts: n/a
 
      01-16-2005
T.J. wrote:

> I thought using &nbsp; was frowned upon?


Well " " is probably better in some situations, but if you're not
using XHTML "&nbsp;" should be fine.

--
Toby A Inkster BSc (Hons) ARCS
Contact Me ~ http://tobyinkster.co.uk/contact

 
Reply With Quote
 
Travis Newbury
Guest
Posts: n/a
 
      01-16-2005
Mitja wrote:

> To fix the font size, your only option are images. NOT recommended.


In this case isn't an image a perfect solution? The OP wants a header
to be the same everywhere. An image is the only solution, that will work
everywhere.

--
-=tn=-
 
Reply With Quote
 
Travis Newbury
Guest
Posts: n/a
 
      01-16-2005
T.J. wrote:

> Thanks,
> But I like to make my pages at least Bobby 508 approved
> if I put h1 {font-size:36px; } in the body, Bobby will call it as
> an error. Or have I read your reply wrong?
> Is creating an image the only other answer. I thought this was
> always frowned upon too?
> Or is it a case of the lesser of the two evils.
> Alternatively should I just except that it will wrap?


Using an image for text is frowned upon. Using an image as a header is
perfectly acceptable. Remember to use alt text that's all.


--
-=tn=-
 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
creating font with fixed font size andreasbell Software 1 08-30-2010 09:39 PM
Swing Font, it's Java Font? ot native? how install new font? mttc Java 2 07-03-2009 07:29 PM
Printing with specific font-type and font-size wial Java 2 11-27-2008 05:30 PM
Windows XP explorer font and font size Lookout Computer Support 0 06-04-2006 02:58 AM
Selecting font size based on available font dave richards HTML 2 02-19-2004 02:47 PM



Advertisments
 



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57