This is a image (with a class="kfa") in the paragraph instead of normal font/letters.

This is a h3 with the same image and the same class

- At francky's developers corner we have three fundamental beliefs:

1. That IE should be tailored to the need of the standards 
   - and not the webdesigners shaped to the hacks.
2. That good use of css should make a real difference.
3. That IE-teams have to be more involved in their learning.

This is a h1 with the same image as above, with the same class.

This is a h2 with the same image in it with the same class.

This is a paragraph with a font-size of .7em with the same image in it with the same class: definition of the size in em's, so it will be scaled with the normal text.

Client side font scaling proof (have a try!).

• Firefox and Opera just always fine; sometimes IE needs a refresh after scaling up or down, to adjust the details of the image (a change to another page is adjusting too).

 How have we done this?

Used is this image, with this class:

.kfa {
	position: relative;
	display: inline;
	border: 0;
	height: 1em;
	width: 2.38em;
	zoom: 1; /* for IE */
}

See source code.

francky's Developers Corner - home