Question

I’m using the 62.5% font-size trick, and while it works on some bits of text, it doesn’t work for others.

Any ideas?

body {
font: 62.5% HelveticaNeue, Arial, Verdana, sans-serif;
}

For example, this isn’t 16px: http://jsfiddle.net/vfGJa/6/

Answer 1

On the jsfiddle link, the problem is that em is like a relative value, so that element is recieving first the size 62.5%, than is increased to 1.4em, and than increased again to 1.6em but based on previous 1.4em value. Remove that 1.4em and you’ll see that you get the size you’re looking for.

Sorry my bad english.