Member Avatar for noshdb

I am trying to change the font (text) size in IE7 for a particular website, but when I do change it only the heading change but the body of the text remains the same size. I tested firefox and firefox changes all the text so I do not know why IE7 doesnt. Before you say just use firefox, this is at work and we are meant to use IE7.

  • 3 Contributors
  • 2 Replies
  • 140 Views
  • 1 Week Discussion Span
  • Latest Post Latest Post by bobbyraw

Dani AI

Generated

The behavior describes (headings resize but body text does not) usually comes from how the page defines its fonts: headings often use relative units while the main text is locked to fixed pixel sizes, and IE7s text-size control does not always affect pixel-sized fonts. and were on the right track — the fix can be either a browser-side override or a short-term zoom.

A quick, non-invasive fix: use IE7s full-page zoom (keyboard: Ctrl + + to zoom in, Ctrl + - to zoom out, Ctrl + 0 to reset; Ctrl + mouse wheel also works). Full-page zoom scales everything, including pixel-sized fonts and images, so it will make the body text larger even when the page CSS tries to lock it.

A persistent, per-machine fix is to force a custom stylesheet in IE. Create a small CSS file (for example user-fonts.css) and point IE to use it via the Accessibility options so the site is rendered using your rules. Example file:

/* user-fonts.css */
body, p, li, td, div {
  font-size: 14px !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

For a quick one-click override without changing browser settings, add a bookmarklet that injects a CSS rule into the current page. Example bookmarklet (paste into a favorite and run when needed):

javascript:(function(){var css='body,p,li,td,div{font-size:14px!important;font-family:Arial,Helvetica,sans-serif!important;}';var h=document.getElementsByTagName('head')[0]||document.documentElement;var s=document.getElementById('forceTextSize');if(s){s.parentNode.removeChild(s);}else{var st=document.createElement('style');st.type='text/css';st.id='forceTextSize';if(st.styleSheet)st.styleSheet.cssText=css;else st.appendChild(document.createTextNode(css));h.appendChild(st);}})();

Troubleshooting: view the page source and search for font-size: and px to confirm if the body is fixed in pixels. If this is a site you control, the right long-term fix is to use relative units (em or %) for base text so users and browsers can resize text for accessibility.

Recommended Answers

All 2 Replies

Member Avatar for MidiMagic

Unmean yourself to use IE. :icon_biggrin:

Note that there are several settings for different kinds of text. You might have to change a setting for monospace fonts.

It might also be that a font size is specified in the page.

Member Avatar for bobbyraw

click on tools, then option then click the assessabiility button put a check mark beside the option to ignore webpage fonts style and size

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.