Had space(more than 1px) between letters with custom font

Looks really nice! There's no 'padding' in drawString - I'm pretty sure it puts each character one after the other. I guess you have 2 options:

• Change your font to add another column or 2 of pixels after each character
  

• Override drawString - you should be able to do something like:

  g._ds = g.drawString;
  g.drawString = function(s,x,y) {
  s=s.toString();
  for (var i=0;i<s.length;i++)
  g._ds(s[i],x+i*10,y);
  }