HTML Text Size

Is there a way to fix the font on a page so it cannot be enlarged or shrunk by any browser (for example, the font size commands in IE)? Thanks!

What, do you just feel like inconveniencing handicapped people? You could make it a graphic. That doesn’t get resized on any browser, as far as I know.

Heh, it’s just that my formatting get’s messed up with larger fonts…And I’d like to avoid images in this situation.

You can’t.

Learn to live with it.

I’d say there’s a problem with your formatting then. It may be possible to fix this, if you want advice.

A lot of pages say things like “this page looks best if you view it at 800 × 600 resolution”. As long as it’s readable with larger fonts, I don’t see anything wrong with your saying, “this page looks best if you don’t resize the font.” At least then people will know why it looks screwed up.

There’s nothing wrong with my formatting!! =P

I have a table split into two vertical cells, which is inside an IFram about a 1/4 the size of the page. I have the radio button form in the right cell and text in the left. However, when the text is enlarged, my neat and tidy radio buttons with the text following it are forced onto a 2nd line below it, thus making the page look terrible.

I know there’s a way to fix the text size…I’ve seen it done before.

Yeah, but I’m running Linux at home with a mostly default font set. Thus, your text may end up looking really, really tiny on my screen. If I can’t read it, and I can’t enlarge it, I’ll probably ignore your page.

Dude, I can’t totally visualize what you’re saying that well, but it sounds like you have content which reads back and forth not only between different cells of a table, but between different frames. If so, you really are set on inconveniencing people, aren’t you? :stuck_out_tongue:

Well, I’ve certainly never seen what you describe before. Are you sure you weren’t just using a bad browser? :slight_smile:

www.nintendovision.com

Click “Subscribe”.
That is what I’m talking about.

You’re using a spacer gif (which is 404, BTW). There’s something wrong with your formatting. :stuck_out_tongue:

But seriously, it’s not so bad. All it does is wrap to the next line. What’s the big deal?

It occurs to me that you have your radio buttons and concomitant text in a one-column layout table, but you’re using non-breaking spaces for spacing. Why don’t you put it into a two-column table? The content looks made for it. It may fix your wraparound problem too.

Thanks, but what do you mean by a “two-column table”, how’s that different from what I’m using currently?

Okay, right now you’ve got this:


<tr>
<th align=left><img>

<input> 1 Month &nbsp; &nbsp; - $9.95
</td></tr>

I’m suggesting something like this:


<tr>
<td align=left><img>

<input> 1 Month
</td> 
<td>
- $9.95
</td></tr>

Put the duration of the subscription and the price in separate cells. (I’m not sure if there’s some difference between td and th here, so I changed the tag to match, but I don’t think it matters.)

You can size things with pixels and IE won’t be able to resize them. But Mozilla and Opera will be able to (because they’re smarter like that).

You should be designing for accessibility anyway. If it’s that much of an inconvenience, rethink your design. The idea is to get content to the user first and look pretty second. Also, you have to understand that not everybody will be visiting your site in IE 5 on Windows 98 at 800x600 (or whatever) and that there are a great number of methods for viewing content on the web that you have to consider.

You could also use nobr tags to keep the size of the font from making a line break, but that would make people have to scroll sideways at larger font sizes.

Use a style sheet.

<html>
<head>
<title>CSS TEST</title>
<style>
.tester {
color:#4866a6;
font-size:2pc;
}
</style>
</head>
<body>
<table>
<tr class=“tester”>
<td>Hello, how are you?</td>
</tr>
</table>
</body>
</html>

Operating under the assumption that you don’t really want to keep people from resizing, but you really want to maintain your cool layout…

I was going to post what Dragonblink did, except I was going to suggest using the “nowrap” attribute of a “td” or “th” element. I couldn’t find any information on “nobr”. Beware, nowrap is deprecated, but it doesn’t look like you’re too worried about that.

Snetho, I’m not sure what your HTML code there is supposed to do, but I made it into a document, and I could resize it just fine.