You actually have to have each of the characters be placed on a grid. In your sprite font images it doesn't look like they are on a grid at all...
After that, you just type in the width and height of each character box into the properties of the sprite font and they should appear.