The font size on the code preview pane inside the editor shows larger than the font size when viewed in my browser MS Internet Explorer8. I know about the "View->Textsize" choice in the browser, but it is set to "Medium" which I believe is the default. I don't understand why the sizes show differently. Ideally I would like the editor to match the final product in the browser. I used HTML Graf in the past and never had this issue. I also tried looking at it in stock Google Chrome and the same thing happens, the fonts are smaller in the actual browser view. It makes page creation difficult when they don't match.

Hiya Bruce,

Are you using the IE8 preview setup in the HTML Editor? IF not go to the Preferences and to the Browser Testing tab of the preferences and make sure that IE8 is in that top drop down. That way you will see the site as it would be viewed in IE8 while you're building it.

Does you site use absolute sizing of text or relative sizing?

Checked the Preferences/Testing tab and all was good but the preview still doesn't show the same size as the browsers. The font size is being set by a .css style sheet setting and referenced using CLASS tags.

Are you using the work arounds for the old browsers too? There are a lot of things that dont' show correctly in the old browsers if you use any CSS3 and HTML5 at all as much of the CSS3 stuff isn't supported in IE8. Not sure what else to tell you there, usually it's the internal previewer that isn't set to IE8, but if it is already then.. dunno.

Just wondering which one you are using


“Ems” (em): The “em” is a scalable unit that is used in web document media. An em is equal to the current font-size, for instance, if the font-size of the document is 12pt, 1em is equal to 12pt. Ems are scalable in nature, so 2em would equal 24pt, .5em would equal 6pt, etc. Ems are becoming increasingly popular in web documents due to scalability and their mobile-device-friendly nature.
Pixels (px): Pixels are fixed-size units that are used in screen media (i.e. to be read on the computer screen). One pixel is equal to one dot on the computer screen (the smallest division of your screen’s resolution). Many web designers use pixel units in web documents in order to produce a pixel-perfect representation of their site as it is rendered in the browser. One problem with the pixel unit is that it does not scale upward for visually-impaired readers or downward to fit mobile devices.
Points (pt): Points are traditionally used in print media (anything that is to be printed on paper, etc.). One point is equal to 1/72 of an inch. Points are much like pixels, in that they are fixed-size units and cannot scale in size.
Percent (%): The percent unit is much like the “em” unit, save for a few fundamental differences. First and foremost, the current font-size is equal to 100% (i.e. 12pt = 100%). While using the percent unit, your text remains fully scalable for mobile devices and for accessibility.