title: Text is cropped at the top with certain fonts in Pygame
body: <p>I'm working on a Pokémon-style dialog box in Pygame. I'm using the <a href="http://www.fontspace.com/jackster-productions/pokemon-gb" rel="nofollow noreferrer">Pokemon GB</a> font, but for some reason the text is cropped at the top. It looks like <code>pygame.font.Font.size</code> doesn't calculate properly the <code>Surface</code> size needed to render the text.
  <img src="https://i.stack.imgur.com/cZWGv.png" width="320"></p>
  
  <p><a href="https://i.imgur.com/lIWRtdC.png" rel="nofollow noreferrer">This screenshot</a> shows what it's supposed to look like.</p>
  
  <pre class="lang-py prettyprint-override"><code>import pygame
  
  pygame.init()
  
  window = pygame.display.set_mode((640, 192))
  window.fill((255, 255, 255))
  
  POKEFONT = pygame.font.Font("Pokemon GB.ttf", 32)
  positions = [[32, 64], [36, 128]]
  lines = ["Hello there!", "Welcome to the"]
  
  for line, pos in zip(lines, positions):
      text = POKEFONT.render(line, True, (0, 0, 0))
      rect = text.get_rect()
      rect.topleft = pos
      window.blit(text, rect)
  
  while True:
  
      for event in pygame.event.get():
          if event.type == pygame.QUIT:
              pygame.quit()
              exit()
  
      pygame.display.update()
  </code></pre>
  
  <p>The <a href="http://www.dafont.com/fr/pkmn-rbygsc.font" rel="nofollow noreferrer">PKMN RBYGSC</a> font looks nearly identical but renders properly. What's going on?</p>