Haut de mon texte qui disparait lors d'une animation CSS

Bonjour,

Voila mon problème; j'ai créé une animation en css (avec les keyframes), et tout fonctionne parfaitement. Par contre, lors de l'animation, une partie de mon texte (le haut) disparait, pour réapparaître lorsque l'animation finit. La police que j'ai utilisé et une police téléchargé, et j'ai essayé avec d'autres polices téléchargés, et le même problème arrivait. Avec arial, par contre, aucun problèmes. Il y a t-il une solution ? Merci !

Le code CSS :
(.mastery étant la class de mon titre)

.mastery {
  font-weight: normal;
  position: fixed;
  left: 10px;
  top: 5px;
  animation: slide 1.5s ease-out 1;
  font-family: Minecrafter;
}

@keyframes slide {
  0% {
    transform: translate3d(600px, 0px, 0px);
  }
  100%{
    transform: translate3d(0px, 0px, 0px);
  }
}

Finalement, voici la vidéo (une image n'aurait pas été très facile à comprendre) : https://www.youtube.com/watch?v=1DdzfSEqC1c

Jacob
Modifié par Jacob (16 Dec 2015 - 04:36)

Bonjour,

Chez moi le code fonctionne sans problème avec une font de base : CodePen

Le problème doit peut-être provenir de la police de caractère utilisée. Mettez un line-height avec une valeur supérieure à 1 juste pour voir...

Oui, je crois que c'est en effet la police ... Merci beaucoup de votre réponse !