Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Text sizing in IE

Featured Replies

Hi all, my website http://www.digitalwinter.co.uk/

 

The text will not resize via "View>Text Size" on any option i choose...

 

Is there any reason that anything wud stop this from happening. It seems to be fine in MoZilla.

 

Thanks

IE doesn't allow scaling of px like other browsers do, because px are relative to screen size (websites display at 72 or more commonly 96dpi) for it to be scalable in IE you need to use a value relative to text size, such is pt, pc, or em.

body {
margin: 0;
padding: 0;
background: #eeeeee url(../images/back.jpg);
font-family: Trebuchet MS;
font-size: 14px;
color: #333333;
}

 

hi there, try changing the font-size: 14px; to something like

 

font-size: 7pt;

 

You will have to test the text sizes as you change them if your not sure of the conversion rate between PX and PT!!

Tell me about it - i love how it looks brililant in Firefox!! But IE uh huh!!

 

Like your site by the way!!!

1pt (postscript point, as opposed to tradition point) is approximately 72 to the inch.

 

A standard website is 96 pixels per inch.

 

So if my maths is correct, it should be roughly 1.3px per pt?

 

so 14px becomes around 10.7pt

 

However, maths is not my strong point.... so i could be completely wrong :p

  • Author

Well..... just to let anyone know thats interested. PT did not work for the text sizing, had to use % instaed.

i normally use either px if i want it fixed, or em if it can be scalable.

 

Never used pt or pc (so i don't actally have any experience with them), and i only use % in the reset sheet.

I tend to stay away from px for font-sizes and just use ems.

If you set the body to have a font-size of 62.5% and then specify the rest of your font-sizes in ems, 1em equals approx 12px.

Bear in mind that ems are relative to the containing elements font-size though or you can get kind of confused.

I tend to stay away from px for font-sizes and just use ems.

If you set the body to have a font-size of 62.5% and then specify the rest of your font-sizes in ems, 1em equals approx 12px.

Bear in mind that ems are relative to the containing elements font-size though or you can get kind of confused.

 

If my layout can't house major text change sizes, then i use px and add a js text size changer thingy (you could do a php one too as a contingency incase js is disabled). This allows me to ensure the layout doesn't break.

If my layout can't house major text change sizes, then i use px and add a js text size changer thingy (you could do a php one too as a contingency incase js is disabled). This allows me to ensure the layout doesn't break.

Aye but using px will only stop IE from resizing the text.

Using a text size changer thingy(whether javascript or php) will only replicate the browser's ability to increase/decrease the font-size. Surely, if your site doesn't work with an increased font-size via browser preferences, it won't work if applied via javascript or php?

I think ideally, all websites should try and accommodate at least a couple of text size increments (although admittedly it can be difficult at times).

Yeah with the resizer, i meant to restrict it to a couple of resizes up and down, although if a user increases it more than that i think they're probably used to websites breaking.

 

And now with browsers that zoom the page in it's entirety, i think that's gonna be a dying habit.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.