Question

I’m wanting to keep the font size of a navigation menu the same size for all browsers. I set the font-size of the navigation menu text to a specific pixel size. In IE this works, but not in FF.

The problem is, if a person changes their browser’s font size, then it completely ruins the menu layout in FF.

Is there a way to adjust this for FF or is there no way around it? I understand it is for accessibility, but it would otherwise mess up the design and I’d rather not use images instead of text for the navigation menu.

Thanks!

Answer 1

You have three choices:

1. Fix your menu layout such that it is more tolerant of different font sizes (recommended: plenty of users who won’t agree with your choice of font size – not just limited to visually impaired users either).
2. Replace text with images (with appropriate alt text!); FF (and IE) will still scale these in ‘zoom’ mode, but won’t break the layout of the page.
3. Do nothing. Leave the broken layout as a big ‘FU’ to those users who would otherwise strain to read your fixed-sized text.